dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}
.btn,.btn-group,.btn-group-vertical,img,svg,i{vertical-align:middle}
.dropdown-menu,body,caption{text-align:left}dd,h1,h2,h3,h4,h5,h6,label{margin-bottom:.5rem}
.btn:not(:disabled):not(.disabled),[role=button],[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled),summary{cursor:pointer}pre,textarea{overflow:auto}article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}
.col,.row-cols-1>*,legend{max-width:100%}
.badge,progress,sub,sup{vertical-align:baseline}
.btn,label,output{display:inline-block}button,hr,input{overflow:visible}
.dropdown-menu,.form-control{background-clip:padding-box}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){
outline:0!important}dl,ol,p,ul{margin-bottom:1rem}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#30318b;text-decoration:none;background-color:transparent}a:hover{text-decoration:none}
.btn-link,.btn:hover,a:not([href]),a:not([href]):hover{text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-bottom:1rem;-ms-overflow-style:scrollbar}img{border-style:none}i{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom}th{text-align:inherit}button{border-radius:0}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item}template{display:none}[hidden]{display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}
.btn,.btn-link,.dropdown-item,.form-control,.input-group-text{font-weight:400}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.close,.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}hr{box-sizing:content-box;height:0;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}
.collapsing,.dropdown-divider{overflow:hidden}
.mark,mark{padding:.2em;background-color:#fcf8e3}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.highlight{color:#ff0000;}
#h110{background-color:rgba(51,51,51,1);height:110px;max-height:110px;min-height:0px;}
.br{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.sb{box-shadow:0 1px 3px rgba(26,26,26,.2);background:#fff}
.fl{float:left}
.fr{float:right}
.bn{border:none!important}
.pd{padding:1.5em}
.mb{margin-bottom:20px}
.mt{margin-top:20px}
.mr{margin-right:20px}
.hidden { display:none;}
@media screen and (max-width:768px){
#h110{display:none}
}
@media (min-width:414px){
.container{max-width:100%}
}
@media (min-width:769px){
.container{max-width:768px}
}
@media (min-width:1024px){
.container{max-width:960px}
}
@media (min-width:1366px){
.container{max-width:1200px}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
@media (min-width:414px){
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media (min-width:769px){
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
}
@media (min-width:1024px){
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
}
.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.form-control{transition:none}
}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}
.form-control-file,.form-control-range{display:block;width:100%}
.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}
.alert,.form-group{margin-bottom:1rem}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.btn-group-lg>.btn,.btn-lg,.form-control-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5}
.form-control-lg{height:calc(1.5em + 1rem + 2px);border-radius:.3rem}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}
.form-text{display:block;margin-top:.25rem}
.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}
.form-check{position:relative;display:block;padding-left:1.25rem}
.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}
.form-check-label{margin-bottom:0}
.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}
.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}
.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}
.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}
.custom-control-input.is-valid~.custom-control-label,.form-check-input.is-valid~.form-check-label,.was-validated .custom-control-input:valid~.custom-control-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}
.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}
.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}
.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}
.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
.custom-control-input.is-invalid~.custom-control-label,.form-check-input.is-invalid~.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}
.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}
.form-inline .form-check{width:100%}
@media (min-width:414px){
.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}
.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .form-control-plaintext{display:inline-block}
.form-inline .custom-select,.form-inline .input-group{width:auto}
.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}
.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}
.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.form-inline .custom-control-label{margin-bottom:0}
}
.btn{color:#212529;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0 solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.dropdown-toggle::after,.dropup .dropdown-toggle::after{vertical-align:.255em;content:""}
@media (prefers-reduced-motion:reduce){
.btn{transition:none}
}
.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}
.btn-primary{color:#fff;background-color:#30318b;border-color:#30318b}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-primary{color:#30318b;border-color:#30318b}
.btn-outline-secondary{color:#6c757d;border-color:#6c757d}
.btn-outline-success{color:#28a745;border-color:#28a745}
.btn-outline-info{color:#17a2b8;border-color:#17a2b8}
.btn-outline-warning{color:#ffc107;border-color:#ffc107}
.btn-outline-danger{color:#dc3545;border-color:#dc3545}
.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-dark{color:#343a40;border-color:#343a40}
.btn-link{color:#30318b}
.btn-link.focus,.btn-link:focus{text-decoration:none}
.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}
.btn-group-lg>.btn,.btn-lg{border-radius:.3rem}
.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){
.fade{transition:none}
}
.fade:not(.show){
opacity:0}
.collapse:not(.show){
display:none}
.collapsing{position:relative;height:0;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){
.collapsing{transition:none}
}
.dropdown,.dropleft,.dropright,.dropup{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.dropdown-menu-left{right:auto;left:0}
.dropdown-menu-right{right:0;left:auto}
@media (min-width:769px){
.dropdown-menu-md-left{right:auto;left:0}
.dropdown-menu-md-right{right:0;left:auto}
}
@media (min-width:1024px){
.dropdown-menu-lg-left{right:auto;left:0}
.dropdown-menu-lg-right{right:0;left:auto}
}
@media (min-width:1366px){
.dropdown-menu-xl-left{right:auto;left:0}
.dropdown-menu-xl-right{right:0;left:auto}
}
.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}
.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid;vertical-align:0}
.dropright .dropdown-toggle:empty::after{margin-left:0}
.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}
.dropleft .dropdown-toggle::after{margin-left:.255em;vertical-align:.255em;content:"";display:none}
.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent;vertical-align:0}
.dropleft .dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}
.dropdown-divider{height:0;margin:.5rem 0;border-top:1px solid #e9ecef}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.badge,.input-group-text{text-align:center;white-space:nowrap}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child),.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){
border-top-left-radius:0;border-bottom-left-radius:0}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}
.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#30318b}
.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}
.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}
.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}
.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}
.btn-toolbar .input-group{width:auto}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.input-group,.modal{width:100%}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){
margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
border-top-right-radius:0;border-bottom-right-radius:0}
.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}
.dropleft .dropdown-toggle-split::before{margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){
margin-top:-1px}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){
border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){
border-top-left-radius:0;border-top-right-radius:0}
.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}
.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch}
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}
.input-group>.custom-file .custom-file-input:focus{z-index:4}
.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){
border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}
.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}
.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}
.input-group-prepend{margin-right:-1px}
.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;line-height:1.5;color:#495057;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}
.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}
.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){
height:calc(1.5em + 1rem + 2px)}
.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){
height:calc(1.5em + .5rem + 2px)}
.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.badge,.close{font-weight:700;line-height:1}
.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}
}
@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}
}
.close{float:right;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.close:hover{color:#000;text-decoration:none}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}
.border-top{border-top:1px solid #dee2e6}
.border-bottom{border-bottom:1px solid #dee2e6}
.border{border:1px solid #dee2e6}
.border-right{border-right:1px solid #dee2e6}
.border-left{border-left:1px solid #dee2e6}
.border-0{border:0}
.border-top-0{border-top:0}
.border-right-0{border-right:0}
.border-bottom-0{border-bottom:0}
.border-left-0{border-left:0}
.border-primary{border-color:#30318b}
.border-secondary{border-color:#6c757d}
.border-success{border-color:#28a745}
.border-info{border-color:#17a2b8}
.border-warning{border-color:#ffc107}
.border-danger{border-color:#dc3545}
.border-light{border-color:#f8f9fa}
.border-dark{border-color:#343a40}
.border-white{border-color:#fff}
.clearfix::after{display:block;clear:both;content:""}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:-webkit-sticky!important;position:sticky!important}
.fixed-bottom,.fixed-top{position:fixed;right:0;left:0;z-index:1030}
.fixed-top{top:0}
.fixed-bottom{bottom:0}
.w-25{width:25%}
.w-50{width:50%}
.w-75{width:75%}
.w-100{width:100%}
.w-auto{width:auto}
.h-25{height:25%}
.h-50{height:50%}
.h-75{height:75%}
.h-100{height:100%}
.h-auto{height:auto}
.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}
.text-justify{text-align:justify!important}
.text-wrap{white-space:normal!important}
.text-nowrap{white-space:nowrap!important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-lowercase{text-transform:lowercase!important}
.text-uppercase{text-transform:uppercase!important}
.text-capitalize{text-transform:capitalize!important}
.font-weight-light{font-weight:300!important}
.font-weight-lighter{font-weight:lighter!important}
.font-weight-normal{font-weight:400!important}
.font-weight-bold{font-weight:700!important}
.font-weight-bolder{font-weight:bolder!important}
.font-italic{font-style:italic!important}
.text-white{color:#fff}
.text-primary{color:#30318b}a.text-primary:focus,a.text-primary:hover{color:#0056b3}
.text-secondary{color:#6c757d}a.text-secondary:focus,a.text-secondary:hover{color:#494f54}
.text-success{color:#28a745}a.text-success:focus,a.text-success:hover{color:#19692c}
.text-info{color:#17a2b8}a.text-info:focus,a.text-info:hover{color:#0f6674}
.text-warning{color:#ffc107}a.text-warning:focus,a.text-warning:hover{color:#ba8b00}
.text-danger{color:#dc3545}a.text-danger:focus,a.text-danger:hover{color:#a71d2a}
.text-light{color:#f8f9fa}a.text-light:focus,a.text-light:hover{color:#cbd3da}
.text-dark{color:#343a40}a.text-dark:focus,a.text-dark:hover{color:#121416}
.text-body{color:#212529}
.text-muted{color:#6c757d}
.text-black-50{color:rgba(0,0,0,.5)}
.text-white-50{color:rgba(255,255,255,.5)}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;border:0}
.text-decoration-none{text-decoration:none!important}
.text-break{word-wrap:break-word!important}
.text-reset{color:inherit!important}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){
text-decoration:none}abbr[title]::after{content:" (" attr(title)")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
@page{size:a3}
.container,body{min-width:1024px!important}
.navbar{display:none}
.badge{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}
.table-dark{color:inherit}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}
.table .thead-dark th{color:inherit;border-color:#dee2e6}
}
.swiper-container-cube,.swiper-container-flip,button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}
.reset_style,body{word-break:break-all}
@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}
}
@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}
}
@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}
}
@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}
}
@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}
@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}
}
@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}
}
@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}
}
@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}
}
@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}
}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}
}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}
}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}
}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}
}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}
}
@keyframes fadeOut{from{opacity:1}to{opacity:0}
}
@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}
}
@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}
}
@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}
}
@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}
}
@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}
}
@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}
}
@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}
}
@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}
}
@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}
}
@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}
}
@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}
}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}
}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}
}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}
}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}
}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}
}
@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}
}
@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}
}
@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}
}
@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}
}
@keyframes bgMagnify{0%{transform:scale(1,1)}100%{transform:scale(1.1,1.1)}
}
@keyframes bgShrink{0%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}
}
@keyframes bounceIn2Left{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}
}
@keyframes bounceIn2Right{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}
}
@keyframes bounceIn2Up{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}
}
@keyframes bounceIn2Down{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}
}
@keyframes fadeIn2{0%{opacity:0}to{opacity:1}
}
@keyframes fadeIn2Left{0%{opacity:0;transform:translate3d(50%,0,0)}to{opacity:1;transform:none}
}
@keyframes fadeIn2Right{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}
}
@keyframes fadeIn2Up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}
}
@keyframes fadeIn2Down{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}
}
@keyframes flipIn2Y{0%{opacity:0}1%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}99%{transform:perspective(400px)}
}
@keyframes flipIn2X{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}99%{transform:perspective(400px)}
}
@keyframes zoomIn2{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}
}
@keyframes zoomIn2Left{0%{opacity:0;transform:scaleX(1) translateZ(0)}1%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(500%,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-20%,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}to{opacity:1;transform:none;animation-timing-function:ease}
}
@keyframes zoomIn2Right{0%{opacity:0;transform:scaleX(1) translateZ(0)}1%{transform:scale3d(.1,.1,.1) translate3d(-500%,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-20%,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}to{opacity:1;transform:none}
}
@keyframes zoomIn2Up{0%{opacity:0;transform:scaleX(1) translateZ(0)}1%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,500%,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60%,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}to{opacity:1;transform:none;animation-timing-function:ease}
}
@keyframes zoomIn2Down{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes rotateIn2{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}
}
@keyframes slideOut2Left{0%{transform:translateX(150%);opacity:0}to{transform:translateX(0);opacity:1}
}
@keyframes slideOut2Right{0%{transform:translateX(-150%);opacity:0}to{transform:translateX(0);opacity:1}
}
@keyframes slideOut2Up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}
}
@keyframes slideOut2Down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}
}
@keyframes elasticLarge{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}
}
@keyframes elasticSmall{0%{transform:scale(1.8);opacity:0}50%{transform:scale(.95);opacity:1}80%{transform:scale(1.05)}90%{transform:scale(.98)}to{transform:scale(1)}
}
@keyframes eraseLeft{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes eraseRight{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes eraseUp{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes eraseDown{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes cutInLeft{0%{transform:translateX(100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes cutInRight{0%{transform:translateX(-100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes cutInUp{0%{transform:translateY(100%);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
@keyframes cutInDown{0%{transform:translateY(-100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){
display:none;height:0}img{border-style:none}svg:not(:root){
overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,[type=button]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
.swiper-slide,.swiper-wrapper{height:100%;position:relative;transition-property:transform;width:100%}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.reset_style h1,.reset_style h2,.reset_style h3,.reset_style h4,.reset_style h5,.reset_style h6{font-weight:700;margin:0}summary{display:list-item}[hidden],template{display:none}
.reset_style{line-height:normal;word-wrap:break-word;font-size:14px}
.reset_style h1{font-size:24px}
.reset_style h2{font-size:18px}
.reset_style h3{font-size:19px}
.reset_style h4{font-size:16px}
.reset_style h5{font-size:14px}
.reset_style h6{font-size:12px}
.reset_style p{margin:0;font-size:14px}
.reset_style>span{font-size:14px}
.reset_style em{font-style:italic}
.reset_style ol,.reset_style ul{padding-left:20px;padding-right:20px}
.swiper-container,.threesixty .threesixty_images,li,ul{list-style:none;padding:0}
.reset_style li{display:list-item;list-style-type:inherit}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{z-index:1;display:flex;box-sizing:content-box}
.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock{display:none}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-button-next,.swiper-button-prev{height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2)}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);z-index:1001;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed{cursor:move}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container.swiper-container-vertical{height:300px}
.swiper-container-vertical>.swiper-pagination-bullets{left:0;bottom:10px;width:100%}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid;border-radius:50%;border-top-color:transparent}li,p,ul{margin:0}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}body{font-size:14px;line-height:1.66666;margin:0 auto;padding:0;-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased}
.h6,h6{font-weight:400}
a{color:inherit}img[lazy]{filter:blur(.3em)}img{filter:blur(0);transition:filter 1s}
.icon{font-size:16px;width:20px;height:20px;margin-right:3px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-3px;fill:currentColor}
.hide{display:none!important}[class^=e_][required] .p_label::after{color:red;content:"*"}
#navigation{min-height:0px;padding-top:0px;padding-bottom:0px;width:100%;border-bottom:0px solid rgba(255,255,255,.2);position:fixed;left:0;top:0;z-index:99;transition:all .5s ease;}
#navigation.active{background:#fff;box-shadow:0 0 15px rgb(0 0 0 / 20%)}
#navigation .pc-logo{overflow:hidden;max-width:186px;}
#navigation .pc-logo img{width:100%;height:100%;object-fit:contain;filter:unset}
#navigation .pc-logo img.logocai{width:100%;height:100%;object-fit:contain;filter:unset;display:none}
#navigation.active .pc-logo img{display:none}
#navigation.active .pc-logo img.logocai{width:100%;height:100%;object-fit:contain;filter:unset;display:block}
#navigation .navmain{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;max-width:none;margin-left:auto;margin-right:auto;padding-bottom:0px;padding-top:0px}
#navigation .navmain > .p_item{flex:1;max-width:100%;max-height:100%}
#navigation .navmain .logo{flex:0 0 auto;align-self:center}
#navigation .navMenu{display:flex;justify-content:flex-end}
#navigation .navMenu .navButton{width:100px;justify-content:center;padding:20px 0;display:none}
#navigation .navMenu .navButton > p{width:21px;height:16px;margin-top:17px;cursor:pointer}
#navigation .navMenu .navButton > p span{width:100%;background:#fff;display:block;height:2px;margin:2px 0;float:left;-webkit-transition:all ease 0.8s,opacity ease 0.3s;-moz-transition:all ease 0.8s,opacity ease 0.3s;-ms-transition:all ease 0.8s,opacity ease 0.3s;-o-transition:all ease 0.8s,opacity ease 0.3s;transition:all ease 0.8s,opacity ease 0.3s;opacity:1}
#navigation .navMenu .navButton > p span:nth-of-type(1){
width:50%;float:left}
#navigation .navMenu .navButton > p span:nth-of-type(3){
width:50%;float:right}
#navigation .navMenu .navButton > p.showmenu span{background:#30318b;-webkit-animation:animaspan 0.5s 1;animation:animaspan 0.5s 1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
#navigation .navMenu .navButton > p.showmenu span:nth-of-type(1){
transform:translateY(6px) rotate(720deg);width:100%}
#navigation .navMenu .navButton > p.showmenu span:nth-of-type(2){
transform:rotate(720deg)}
#navigation .navMenu .navButton > p.showmenu span:nth-of-type(3){
transform:translateY(-6px) rotate(720deg);width:100%}
#navigation .navMenu .navButton > p.showmenu span.biahuan:nth-of-type(1){
transform:translateY(6px) rotate(670deg)}
#navigation .navMenu .navButton > p.showmenu span.biahuan:nth-of-type(2){
transform:translateY(0px) rotate(768deg)}
#navigation .navMenu .navButton > p.showmenu span.biahuan:nth-of-type(3){
width:0;opacity:0}
#navigation .navMenu .navCon{color:#fff;font-size:16px;line-height:1;transition:all ease .3s;text-decoration:none; padding:0 5px;}
#navigation.active .navMenu .navCon{color:#333}
#navigation .navMenu .navli:hover .navCon{color:#30318b}
#navigation .navMenu .navCon::after{background:#30318b;height:4px}
#navigation .navMenu .navli{position:static;padding-left:1.2vw;padding-right:1.2vw}
#navigation .navMenu .navli > p a{padding:0;width:100%}
@media only screen and (max-width:1366px) and (min-width:1025px){
#navigation .navMenu .navCon{font-size:15px}
}
.navMenu .navCon::after{background:#b8000a}
#navigation .head_lan{width:60px;position:relative; align-self:center; padding:20px 20px;}
#navigation .head_lan  .icon-search,#navigation .head_lan  .icon-close{ font-size:22px; color:#FFFFFF;}
#navigation.active .head_lan .icon-search,#navigation.active .head_lan .icon-close{color:#000000;}
#navigation #search-area{position:absolute;bottom:-60px;right:5%;z-index:2;width:28%;background:rgba(255,255,255,1)}
#navigation #search-area .s-input{width:78%;border:none;background:0 0;font-weight:400;height:50px;line-height:50px;color:#333; padding-left:15px;}
#navigation #search-area .s-button{width:22%;border:none;cursor:pointer;height:50px;line-height:50px;background-color:#30318b;color:#fff;border-top-left-radius:0!important;border-bottom-left-radius:0!important}

#navigation .mb-logo{overflow:hidden;max-width:none}
#navigation .mb-logo img{width:100%;height:100%;object-fit:contain}
@media screen and (max-width:768px){
.p_haveNav{min-height:auto !important}
.p_haveNav.fix{position:fixed !important;z-index:1000;top:0;left:0;right:0;background:#fff}
#navigation .mb-logo{overflow:hidden;max-width:none;padding:10px 0}
#navigation .navMenu .navBox1::-webkit-scrollbar{width:0px}
#navigation .navMenu .navBox1::-webkit-scrollbar-track{background:#252525}
#navigation .navMenu .navBox1::-webkit-scrollbar-thumb{background:#545454}
#navigation .navMenu .navBox1::-webkit-scrollbar-thumb:hover{background:#fff}
#navigation .navMenu .navButton{width:60px;height:70px;align-items:center;display:flex;justify-content:center;padding:0}
#navigation .navMenu .navBox1{position:absolute;top:100%;left:0;right:0;background:#fff;padding:0px;height:calc(0vh);overflow-y:scroll;z-index:5;max-height:1080px;transition:all ease .3s}
#navigation .navMenu .navBox1.pkcclb{height:calc(100vh)}
#navigation .navMenu .navli{border-top:1px solid #eee;padding:15px 20px}
#navigation .navMenu .navli:last-child{margin-bottom:100px}
#navigation .navMenu .navCon{display:flex;justify-content:space-between;color:#333;line-height:22px;font-size:14px}
#navigation .navMenu .navli > p i{width:16px;margin:0px 0;opacity:.5;cursor:pointer;transition:all ease .3s}
#navigation .navMenu .navli > p a{padding:0}
#navigation .navMenu .navli > p:hover{color:rgb(255 255 255)}
#navigation .navMenu p i.rotate{transform:rotate(90deg)}
#navigation .navMenu .navBox1.isdesign{height:calc(100vh);display:none}
#navigation{background:#fff}
#navigation .navmain{position:relative;width:100%;padding:0px 0px 0px 15px;justify-content:space-between}
#navigation .navmain .logo{flex:0 0 140px}
#navigation .pc-logo img.logocai{display:block}
#navigation .navmain .navbar{flex:0 0 auto}
#navigation .navMenu .navButton > p span:nth-of-type(1){width:100%;float:left}
#navigation .navMenu .navButton > p span:nth-of-type(3){
width:100%;float:right}
#navigation .navMenu .navButton > p span{width:100%;background:#333}
#navigation .navMenu .navButton > p{margin-top:0}
#navigation .head_lan .icon-search,#navigation .head_lan .icon-close{color:#30318b;}
#navigation #search-area{left:2%;width:96%;}
#header > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;clear:left}
#navigation .pc-logo{max-width:80;display:none}
#navigation .lan_con{height:60px;}
#navigation .head_lan{width:50px;right: 55px; z-index: 5; position: absolute !important;}
}
@media screen and (min-width: 769px){
.p_haveNav{min-height:auto !important}
#navigation.active .lan_con{background:#30318b;border:1px solid #30318b}
#navigation{padding:15px 0}
#navigation.active{padding:5px 0}
#navigation .navMenu .navBox1{display:flex;justify-content:flex-end}
#navigation .navMenu .navli > p{display:flex;position:relative}
#navigation .navMenu .navli > p a{display:block;line-height:80px}
#navigation .navMenu .navli > p i{display:none}
#navigation .navMenu .navli > p::after{content:'';position:absolute;left:0;right:0;bottom:0;width:0;margin:0 auto;transition:all ease .3s}
#navigation .navMenu .navli:hover > p::after{width:100%}
#navigation .mb-logo{display:none}
#navigation .navMenu{margin-right:3%}
}
@media screen and (max-width: 1300px) and (min-width: 769px){
#navigation .navMenu .navli{padding-left:0.8vw;padding-right:0.8vw}
#navigation .navMenu .navCon{font-size:14px}
}
#section1{min-height:100px;}
#section1 .banner .swiper-container{width:100%;height:100vh;max-height:1080px;overflow:hidden}
#section1 .banner .swiper-slide{overflow:hidden;background:#fff;z-index:10}
#section1 .banner .swiper-slide-active{z-index:11}
#section1 .banner .p_slide{background-position:center center;background-size:cover;}
#section1 .banner .p_img{width:100%;height:100%;overflow:hidden;}
#section1 .banner .p_img a.pc {}
#section1 .banner .p_img a.mobile { display:none;}
#section1 .banner .p_img a.pc{display:block;position:relative;overflow:hidden;height:100%;width:100%;background-size:cover;transition:all ease 2s;transform:scale(1.1)}
#section1 .banner  .swiper-slide-active a{transform:scale(1)}
#section1 .banner .p_img a.pc img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.05);width:auto;height:100%}
#section1 .banner .p_info{position:absolute;top:25%;left:50%;max-width:1600px;width:88%;padding-right:0%;z-index:22;transform:translate(-50%,-50%);display:block}
#section1 .banner .p_info_fivebox{width:100%}
#section1 .banner .p_entitle{color:#fff;font-size:3.2vw;font-family:"337e6931-bcb9-49d2-bfbe-f6e0544456de";line-height:1.4;text-shadow:3px 0 10px rgb(22 78 145 / 40%);transition:all ease 2s .5s;opacity:0;transform:translateY(40px);}
#section1 .banner .swiper-slide-active .p_entitle{opacity:1;transform:translateY(0px);text-align:center}
#section1 .banner .p_btitle{color:#fff;font-size:1vw;font-family:Microsoft YaHei;line-height:1.2;text-align:center;text-shadow:3px 0 6px rgb(0 33 72 / 0);transition:all ease 2s .7s;opacity:0;transform:translateY(40px);font-weight:normal;}
#section1 .banner .swiper-slide-active .p_btitle{opacity:1;transform:translateY(0px);margin-top:10px}
#section1 .banner .p_cspan{position:relative;margin-top:20px;padding-bottom:10px;display:block;transition:all ease 2s .8s;opacity:0;transform:translateY(40px)}
#section1 .banner .p_button{display:inline-block;margin:60px auto auto 0;border-radius:30px;border:1px solid #30318b;background:#30318b;width:100%;max-width:160px;padding:10px 15px;color:#fff;text-align:center;font-size:14px;opacity:0;transform:translateY(40px);transition:all ease 2s .8s;display:block;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";margin-top:30px}
#section1 .banner .p_button:hover{border:1px solid #30318b;background:#30318b;color:#fff}
#section1 .banner .swiper-slide-active .p_button{opacity:1;transform:translateY(0px);margin:30px auto}
#section1 .banner .swiper-slide-active .p_cspan{opacity:1;transform:translateY(0px);display:none}
#section1 .banner .p_cspan::before{content:'';position:absolute;width:120px;height:6px;border-radius:0;background:#fff;display:inline-block}
#section1 .banner .p_cspan::before{background:#f0d556}
#section1 .banner .p_scrool{position:absolute;left:calc((100% - 90px) / 2);bottom:40px;color:#fff;width:90px;z-index:10}
#section1 .banner .p_scrool span{text-transform:uppercase;color:#fff;display:block;font-family:arial;line-height:20px;margin-top:12px;font-size:12px}
#section1 .banner .p_scrool i{display:block;width:20px;height:30px;margin:0 auto;border-radius:12px;border:2px #fff solid;position:relative}
#section1 .banner .p_scrool i:before{content:"";display:block;width:4px;height:10px;background:#fff;border-radius:2px;position:absolute;left:50%;transform:translate(-50%,0);top:3px;animation:scrollmouse 2s linear infinite}
@keyframes scrollmouse{from{transform:translate(-50%,0);opacity:1}to{transform:translate(-50%,10px);opacity:0}
}
#section1 .banner .p_kongjian{position:absolute;right:0;width:100%;border-left:1px solid rgb(255 255 255 / 10%);height:100%;top:0;bottom:0;z-index:1;max-width:100px;pointer-events:none;display:none}
#section1 .banner .swiper-pagination{position:absolute;display:flex;flex-direction:row;top:auto;right:auto;transform:translate(50%,-50%);left:5%;width:auto;height:auto;bottom:40px}
#section1 .banner .swiper-pagination-bullet{margin:3px 5px !important;background:hsl(0deg 0% 100% / 40%);opacity:1;width:10px;height:10px;transition:all ease .3s}
#section1 .banner .swiper-pagination-bullet-active{width:30px;border-radius:15px;background:rgb(255 255 255)}
#section1 .banner .swiper-pagination-bullet:hover{background:rgb(255 255 255)}
#section1 .banner .p_btn_next{color:#fff;border-radius:0;background:rgb(51 51 51 / 70%);border:1px solid #333;width:50px;height:50px;transition:all ease .3s;position:static;margin:0 auto}
#section1 .banner .p_btn_next::after{font-size:16px}
#section1 .banner .p_btn_next:hover{background:#30318b;border:1px solid #30318b}
#section1 .banner .p_btn_next:hover::after{color:#fff}
#section1 .banner .p_btn_prev{color:#fff;border-radius:0;background:#30318b;border:1px solid #30318b;height:50px;width:50px;transition:all ease .3s;position:static;margin:0px 20px 0px 0px}
#section1 .banner .p_btn_prev::after{font-size:16px}
#section1 .banner .p_btn_prev:hover{background:#d81f1f;border:1px solid #d81f1f}
#section1 .banner .p_btn_prev:hover::after{color:#fff}
#section1 .banner .p_arr{max-width:120px;width:100%;position:absolute;right:7%;bottom:40px;height:auto;z-index:1;display:flex;flex-direction:row;justify-content:center;text-align:center}
#section1 .banner .p_slide:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/p_slide.png) no-repeat center;background-size:cover}
@media screen and (max-width:768px){
#section1 .banner .p_info_fivebox{width:100%;padding-bottom:0px;}
#section1 .banner .p_info{width:90%;padding-right:0;top:50%}
#section1 .banner .p_scrool{display:none}
#section1 .banner .p_entitle{font-size:36px;}
#section1 .banner .p_btitle{font-size:18px;width:100%;}
#section1 .banner .p_cspan::before{width:25px;height:2px}
#section1 .banner .p_kongjian{max-width:55px;display:none}
#section1 .banner .p_arr{max-width:55px;display:none}
#section1 .banner .swiper-pagination-bullet{width:6px;height:6px;margin:3px !important}
#section1 .banner .swiper-pagination-bullet-active{width:20px}
#section1 .banner .swiper-pagination-bullet:hover{height:6px}
#section1 .banner .p_btn_prev{width:28px;height:28px;margin:5px auto 0}
#section1 .banner .p_btn_next{width:28px;height:28px}
#section1 .banner .p_btn_prev::after{font-size:12px}
#section1 .banner .p_btn_next::after{font-size:12px}
#section1 .banner .swiper-container{height:100vh}
#section1 .banner .p_cspan{margin-top:10px;}
#section1 .banner .swiper-pagination{right:auto;top:auto;bottom:15px;left:auto;width:100%;justify-content:center;height:auto;transform:unset;flex-direction:row}
#section1 .banner .p_scrool span{display:none}
#section1 .banner .p_entitle{font-size:20px;font-weight:bold}
#section1 .banner .p_btitle{font-size:16px;line-height:1.5}
#section1 .banner .p_slide:before{background-size:unset}

#section1 .banner .p_img a.pc {display:none;}
#section1 .banner .p_img a.mobile { display:block;}
#section1 .banner .p_img a.mobile{display:block;position:relative;overflow:hidden;height:100%;width:100%;background-size:cover;transition:all ease 2s;transform:scale(1.1)}
#section1 .banner  .swiper-slide-active a{transform:scale(1)}
#section1 .banner .p_img a.mobile img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.05);width:100%; padding-top:50px;}
#section1 .banner .p_info{position:absolute;top:35%;left:50%;max-width:1600px;width:88%;padding-right:0%;z-index:22;transform:translate(-50%,-50%);display:block}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
#section1 .banner .swiper-container{max-height:720px;}
#section1 .banner .p_img a.pc img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.05);width:auto;height:100%}
#section1 .banner .p_info_fivebox{width:100%}
#section1 .banner .p_info{width:100%}
}

.m1600{ margin:0 auto;width:100%;max-width: 1600px; position:relative;}
.section_title{position:relative; margin-bottom: 20px;text-align: center;}
.section_title span{font-size:36px;color:#444;text-transform:uppercase;font-family: Fonts, sans-serif; letter-spacing:-1px; color: rgba(0,0,0,0.1)}
.section_title span.stit{margin:0;display:block;font-weight:normal;font-size:38px;margin-top:-5px;color:#444;}
.section_title pre{font-size:14px;line-height:28px;color:#999}
@media(max-width:768px){
	.section_title span{font-size:26px;}
	.section_title span{font-size:24px;}
}
#section2{min-height:300px;}
#section2 .aboutus{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;background-color:#f2f3f5; padding: 5% 0 0;}
#section2 .aboutus .pic{width: 52%; position: absolute; left: 0; bottom: 0%; height: 100%; background-size: cover}
#section2 .aboutus .text{width: 52%; float: right; padding: 4% 6% 3%; background: #fff; position: relative; z-index: 50; margin-top: 80px;}
#section2 .aboutus .text h1{ font-size:26px;font-weight:bold;}
#section2 .aboutus .text .about-con p{ text-align:left;font-size: 18px; line-height: 30px; color: #555; text-indent:38px;}
#section2 .aboutus .text .num p{font-size: 18px; line-height: 30px; color: #555;}
#section2 .aboutus .num{margin-top: 30px}
#section2 .aboutus .num dl{display: table; width: 100%}
#section2 .aboutus .num dl dd{display: table-cell; padding-right: 55px; position: relative}
#section2 .aboutus .num dl dd:before{content: ""; display: block; position: absolute; right: 35px; top: 5%; width: 1px; height: 90%; background: #e5e5e5; transform: skewX(-10deg);}
#section2 .aboutus .num dl dd:last-child{padding-right: 0}
#section2 .aboutus .num dl dd:last-child:before{display: none}
#section2 .aboutus .num dl dd span{font-size: 16px; font-weight: normal; display: inline-block; color: #444; margin-left: 10px;}
#section2 .aboutus .num dl dd span.p_num{font-family: Fonts, sans-serif; letter-spacing: -1px; font-size: 32px; height: 40px; margin: 0; display: inline-block; color: #004ea1; font-weight:bold;}
#section2 .aboutus .num dl dd p{margin: 5px 0 0}

@media(max-width:768px){
	#section2 .aboutus{padding:5% 0 5%;}
	#section2 .aboutus .pic{width:100%;position: relative;height:330px;display: none}
	#section2 .aboutus .text{width:100%;float:none;margin-top:2%;padding:4% 5% 4%;}
	#section2 .aboutus .text h1{ font-size:20px; padding-top:10px; margin-bottom:-10px;}
	#section2 .aboutus .text p{font-size:16px; text-align:center}
	#section2 .aboutus .num dl dd{width:50%;display: block;float:left; text-align:center; padding:0 0}
	#section2 .aboutus .num dl dd:before{right:0;transform: skewX(0deg);}
	#section2 .aboutus .num dl dd:nth-child(2):before{display: none}

}
#section3{min-height:0px;padding-top:4%;padding-bottom:4%;background-fill-value:background-image;background-repeat:no-repeat;background-position:top center;}
#section3 .product_box { position:relative;;background: #fff; padding: 3% 0 0 0}
#section3 .product_box  .product_list{ display:block;}
#section3 .product_box  .product_list .item { margin-right:2%; margin-bottom:15px; width:32%; background: #f9f9f9; float:left;border:1px solid #f9f9f9;}
#section3 .product_box  .product_list .item:nth-child(3n){ margin-right:0;}
#section3 .product_box  .product_list .item .img{overflow: hidden;display: block; border:1px solid #d1d1d1;}
#section3 .product_box  .product_list .item .img .pic{background-color: #fff;transition:0.3s;}
#section3 .product_box  .product_list .item .img .pic img{object-fit:cover; width:100%;}
#section3 .product_box  .product_list .item .img:hover{border:1px solid #004ea1;}
#section3 .product_box  .product_list .item .img:hover .pic{transform:scale(1.1);}
#section3 .product_box  .product_list .item .text{padding: 17px;margin: 0; font-weight: normal; font-size: 15px; text-align: center; text-decoration:none;color:#000000;}
#section3 .product_box  .product_list .item:hover .text{background:#004ea1;color:#fff;}


@media(max-width:768px){
#section3 .product_box { padding:0;}
#section3 .product_box ::before{ display:none;}
#section3 .product_box  .product_list{ display:block;}
#section3 .product_box  .product_list .item{margin:20px 2%; width:96%;}
#section3 .product_box  .product_list .text{padding:12px;background:#ffffff;color:#000000;}
}

#section4{min-height:300px;background-fill-value:background-image;background-image:url(../images/section4.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:4%;padding-bottom:4%;background-attachment:fixed}
#section4 .applist{ padding-top:20px;}
#section4 .applist .p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%}
#section4 .applist .appitem{flex:0 0 33.3%;position:relative}
#section4 .applist .p_page{text-align:center}
#section4 .wrap{display:flex;flex-wrap:wrap;flex-direction:row;background-fill-value:background-color;padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;margin-right:5px;transition-property:all;transition-radio:hover;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);background-color:rgba(255,255,255,0.1);min-height:0px;height:100%}
#section4 .wrap .p_item{flex:1;max-width:100%}
#section4 .wrap:hover .appimg{transform:rotateY(180deg)}
#section4 .wrap:hover .appitem-hr{width:100px;margin-left:auto;margin-right:auto;max-width:100px}
#section4 .appimg{overflow:hidden;max-width:65px;margin-left:auto;margin-right:auto;margin-bottom:30px;transition-property:all;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);}
#section4 .appimg img{width:100%;height:100%;object-fit:contain}
#section4 .appitem-hr{border-top-style:solid;border-top-width:4px;border-top-color:#ffffff;max-width:40px;margin-right:auto;margin-left:auto;transition-property:all;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);}
#section4 .applist{max-width:1600px;width:90%;margin-left:auto;margin-right:auto}
#section4 .app-lingyu ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}
#section4 .app-lingyu li{display:list-item;text-align:-webkit-match-parent;list-style:inherit}
#section4 .app-lingyu ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}
#section4 .app-lingyu{font-size:15px;color:#ffffff;line-height:1.5;text-align:center}
#section4 .app-tit{font-size:38px;color:#ffffff;line-height:1.5;margin-top:0px;text-align:center}
#section4 .app-hr{max-width:50px;margin-left:auto;margin-right:auto;max-height:10px;margin-bottom:10px;margin-top:10px;border-top-style:solid;border-top-width:3px;border-top-color:#ffffff}
#section4 .app-info{font-size:16px;color:#ffffff;line-height:2;text-align:center;margin-top:20px;width:100%;margin-left:auto;margin-right:auto;max-width:900px}
#section4 .apptitle{font-size:18px;font-family:Microsoft YaHei;color:#ffffff;text-align:center;font-weight:bold;line-height:1.8}
@media screen and (max-width:768px){
#section4 .applist .appitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 2)}
#section4 .wrap{display:flex;flex-wrap:wrap;flex-direction:column;background-fill-value:background-color;padding-top:50px;padding-bottom:50px;padding-left:10px;padding-right:10px;margin-right:auto;min-height:0px;margin-bottom:20px;width:96%;margin-left:auto;height:auto}
#section4 .app-tit{font-size:30px;line-height:1.5}
#section4 .app-hr{padding-top:0px;max-width:30px;margin-top:10px;margin-bottom:10px}
#section4 .app-info{font-size:14px;line-height:2}
#section4{padding-top:50px;padding-bottom:50px}
#section4 .app-lingyu{min-height:70px}
}
@media screen and (min-width: 769px){
#section4 .applist .appitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 6)}
}
#section5{min-height:0px;padding-left:0px;padding-right:0px;padding-top:4%;background-fill-value:background-image;background-image:url(../images/section5.jpg)}
#section5 .news-bottom .newsitem{float:left;width:50%; padding-right:2%}
#section5 .news-bottom{max-width:1600px;margin-left:auto;margin-right:auto;margin-top:3%;width:90%}
#section5 .newsitem-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-left:0px;padding-right:0px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(222,222,222,1);position:relative;margin-bottom:3.5%;margin-top:0px;padding-top:0px;padding-bottom:3%}
#section5 .newsitem-wrap::before{position:absolute;content:'';width:0;height:1px;background:#30318b;left:0;bottom:0;transition:all 0.6s}
#section5 .newsitem-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#section5 .news-item-title{line-height:normal;font-size:24px;text-align:left;color:rgba(51,51,51,1);transition:all 0.6s;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px}
#section5 .news-intro{font-size:15px;color:rgba(153,153,153,1);line-height:29px;font-weight:normal;text-align:left;margin-top:5px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#section5 .newsitem-wrap:hover .news-item-title{color:#30318b}
#section5 .newsitem-wrap:hover::before{width:100%}
#section5 .news-time{min-height:0px;font-size:16px;color:rgba(185,185,185,1);line-height:normal;font-weight:normal;text-align:left;margin-bottom:0px}
#section5 .news-time i{width:18px!important;height:18px; font-size:18px; display:inline-block; color:#999999; margin-top:-4px;}
#section5 .news-tit{font-size:38px;color:rgba(0,0,0,1);line-height:1.5;margin-top:0px;text-align:center}
@media screen and (max-width:768px){
#section5 .news-bottom .newsitem{float:left;width:100%; padding-right:0}
#section5 .news-bottom .p_leftData{display:block}
#section5 .newsitem-wrap{padding-bottom:20px;margin-bottom:20px;}
#section5 .news-item-title{font-size:15px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#section5 .news-intro{font-size:14px;line-height:1.5}
#section5{padding-top:30px}
#section5 .news-bottom{width:90%;padding-right:0px;margin-top:30px}
#section5 .news-bottom .p_left{padding-left:0px}
#section5 .news-tit{font-size:30px;color:#333333;line-height:1.5}
#section5 .news-bottom .newsitem:last-child .newsitem-wrap{border:none}
}

#section6{min-height:0px;padding-left:0px;padding-right:0px;padding-top:0;padding-bottom:20px;background-fill-value:background-image;background-image:url(../images/section5.jpg)}
#section6 .m-link {line-height: 60px;color: #999999;font-size: 14px; width:90%; max-width:1600px; margin:0 auto;}
#section6 .m-link a {color: #999999;font-weight: 400;margin-right: 14px;}
#section6 .m-link a:hover{color:#333;}
@media screen and (max-width:768px){
    #section6{ display:none;}
}
#footer{min-height:300px;background-color:rgba(17,26,44,1);}
#footer .footer-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;}
#footer .footer-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#footer .foot-top{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;justify-content:space-between;max-width:1600px;padding-left:0px;padding-right:0px;margin-right:auto;margin-left:auto;margin-top:50px;padding-bottom:4%}
#footer .foot-top > .p_item{flex:1;max-width:100%;max-height:100%}
#footer .foot-top .foot_nav{flex:0 0 36%}
#footer .foot-top .footer-contact{padding-left:5%;padding-right:0px;padding-top:0px}
#footer .footer-copyright{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;border-top-style:solid;border-top-width:1px;border-top-color:rgba(255,255,255,0.2);max-width:1600px;margin-left:auto;margin-right:auto;margin-bottom:0px}
#footer .footer-copyright > .p_item{flex:1;max-width:100%;max-height:100%}
#footer .max1660{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;transition-property:all;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;max-width:none}
#footer .max1660 > .beian{flex:1;max-width:100%;max-height:100%}
#footer .max1660 .copyright{flex:0 0 40%;align-self:center}
#footer .form-control{display:block;width:100%;padding:0.375rem 0.8rem;line-height:1.5;color:#495057;background-color:#fbfbfb;background-clip:padding-box;border:2px solid #ced4da;border-radius:0.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:none !important;height:calc(1.5em + 0.75rem + 15px)}
.p_label .s_label{color:rgb(0 0 0 / 50%)}
#footer .footer-tit{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;height:60px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(255,255,255,0.2)}
#footer .footer-tit > .p_item{flex:1;max-width:100%;max-height:100%}
#footer .footer-info{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-top:40px}
#footer .footer-info > .p_item{flex:1;max-width:100%;max-height:100%}
#footer .footer-info .erweima{padding-top:5%;flex:0 0 30%;}
#footer .footer-info .erweima li{ width:45%; float:left; margin-right:5%; text-align:center; color:#999999;}
#footer .footer-info .erweima li img{ width:100%; padding-bottom:5px;}
#footer .footer-menu{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-top:40px}
#footer .footer-menu > .p_item{flex:1;max-width:100%;max-height:100%}
#footer .footer-menu .prb-5{padding-right:5%}
#footer .f16{font-size:16px;color:#ffffff;line-height:1.5;margin-bottom:20px}
#footer .ft15{font-size:15px;color:rgba(255,255,255,0.8);margin-bottom:0px;line-height:2.2;padding-left:20px;background-fill-value:background-image;background-image:url(../images/fline.png);background-repeat:no-repeat;background-position:center left;filter:grayscale(1) brightness(10)}
#footer .ft15::marker{display:list-item;content:"-";color:#0170C1}
#footer .consultation-button{min-height:0px;margin-top:30px;margin-left:0px}
#footer .consultation-button .head_r{display:flex;flex-direction:row}
#footer .consultation-button .nav-search{width:auto;height:auto;justify-content:flex-start;display:flex;align-items:center;background:none}
#footer .consultation-button .nav-search:hover{cursor:pointer}
#footer .consultation-button .seabtn i{fill:#fff;transition:all .5s ease}
#footer .consultation-button .seabtn:hover i{fill:#0085c1}
#footer .consultation-button .head_tel{display:flex;align-items:center;transition:all .5s ease}
#footer .consultation-button .head_tel .tel-text{display:flex;align-items:center;line-height:20px;background:rgba(48,49,139,1);padding:10px 15px;transition:all .5s ease;border-radius:0px}
#footer .consultation-button .head_tel .tel-text:hover{background:#f0aa15}
#footer .consultation-button .head_tel .tel-text span{padding-left:10px;font-size:14px;font-family:"973e53bc-214f-4781-8cea-09b7fceb6220";color:#fff;transition:all .5s ease}
#footer .consultation-button .head_tel .tel-text i{color:#fff;transition:all .5s ease}
#footer .f16{font-size:16px;color:#ffffff;line-height:1.5;margin-bottom:20px}
#footer .f22{font-size:22px;color:#ffffff;line-height:1.5;margin-bottom:10px;margin-top:10px}
#footer .beian{text-align:center;color:rgba(255,255,255,0.5);display:flex;justify-content:flex-end;font-size:14px}
#footer .ctext{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition-property:all;font-size:14px;color:rgba(255,255,255,0.5);line-height:1.6;}
#footer .ctext span{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition-property:all;font-size:16px;color:rgba(255,255,255,0.5);line-height:1.6}
@media screen and (max-width:768px){
#footer{ margin-bottom:50px;}
#footer .foot-top{flex-direction:column;width:96%;max-width:1600px;padding-left:15px;padding-right:15px;margin-top:30px}
#footer .foot-top .foot_nav{padding-left:0px;flex:0 0 100%}
#footer .foot-top .footer-contact{padding-left:0px;flex:0 0 auto;margin-left:0px;margin-right:0px;padding-right:0px;align-self:auto}
#footer .footer-copyright{padding-bottom:0px}
#footer .max1660{flex-direction:column}
#footer .f16{text-align:left;margin-bottom:10px;font-size:15px}
#footer .ft15{text-align:left;margin-bottom:10px}
#footer .consultation-button .head_tel{display:none}
#footer .consultation-button .nav-search{width:30px;height:30px;background:none !important}
#footer .consultation-button .seabtn i{fill:#333 !important}
#footer .f16{text-align:left;margin-bottom:10px;font-size:15px}
#footer .f16{text-align:left;margin-bottom:10px;font-size:15px}
#footer .footer-info{flex-direction:column;margin-top:10px}
#footer .footer-info .erweima{padding:0; width:100%;}
#footer .footer-info .erweima li{ width:50%; margin:0 0; float:left;text-align:center; color:#999999;}
#footer .footer-info .erweima li img{ width:100%; max-width:120px; padding:5%;}
#footer .f22{text-align:left;margin-bottom:10px;font-size:18px}
#footer .f16{text-align:left;margin-bottom:10px;font-size:15px}
#footer .footer-menu{flex-direction:column;display:none}
#footer .footer-tit{display:none}
#footer{padding-top:0px;margin-top:0px}
#footer .footer-wrap{padding-top:0px;margin-top:0px}
#footer .max1660 .copyright{align-self:auto}
#footer .beian{justify-content:flex-start;margin-top:5px;margin-bottom:5px}
#footer .ctext{font-size:13px}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
#footer .consultation-button .head_tel{display:none}
#footer .ctext{font-size:12px}
}
#nrbanner{min-height:0px;padding-top:0px}
#nrbanner .bimg{overflow:hidden;}
#nrbanner .bimg img{width:100%;height:500px;object-fit:cover}
#nrbanner .nbwrap{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;position:absolute;top:25%;left:0;right:auto;z-index:1}
#nrbanner .nbwrap > .p_item{flex:1;max-width:100%;max-height:100%}
#nrbanner .font42{line-height:normal;font-size:42px;text-align:center;color:#ffffff}
#nrbanner .nbhr{border-top-style:solid;border-top-width:3px;border-top-color:rgba(48,49,139,1);max-width:70px;margin-left:auto;margin-right:auto}
#nrbanner .font18{line-height:normal;font-size:18px;color:#ffffff;text-align:center}
@media screen and (max-width:768px){
#nrbanner{padding-top:70px}
#nrbanner .bimg img{width:100%;height:200px;object-fit:cover}
#nrbanner .font42{font-size:30px}
#nrbanner .nbwrap{top:15%}
#nrbanner .font18{font-size:14px}
}
#baninfo{min-height:0px;background-color:rgba(245,245,245,1);padding-bottom:0px;padding-top:0px}
#baninfo .ban-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;max-width:1600px;margin-left:auto;margin-right:auto;justify-content:space-between}
#baninfo .ban-wrap > .p_item{max-width:100%;max-height:100%}
#baninfo .ban-wrap .alcenter{align-self:center}
#baninfo .ban-wrap .catpos{align-self:center}
#baninfo .ban-wrap .catpos .tree{ line-height:45px;}
#baninfo .ban-wrap .catpos .tree i{ font-size:12px;}
#baninfo .neicate{user-select:none;font-size:14px;width:100%;max-width:100%}
#baninfo .neicate ul{list-style:none;margin:10px 00;overflow:hidden}
#baninfo .neicate li{position:relative;width:auto;float:left;margin-right:1vw}
#baninfo .neicate .deep a{width:auto;padding:0 15px;display:flex;color:#333;justify-content:flex-start}
#baninfo .neicate .pc_title1{display:flex;justify-content:space-between;position:relative;line-height:45px;border-bottom:none;font-size:14px;transition:all ease .3s;width:auto;color:#333;background:#fff}
#baninfo .neicate .deep-2{width:100%;display:none !important}
#baninfo .neicate .p_arrbtm{width:50px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;border-left:1px solid rgb(0 0 0 / 5%);transition:border-left ease .3s;display:none}
#baninfo .neicate .p_arrow{margin:0;font-size:12px;transform:rotate(-90deg);line-height:1;padding:0;width:auto;height:14px;right:15px;pointer-events:none}
#baninfo .neicate .pc_title2{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #e1e1e1;font-size:15px;transition:all ease .3s;width:100%;color:#666;background:#ededed}
#baninfo .neicate .deep-3{width:100%}
#baninfo .neicate .pc_title3{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #d9d9d9;font-size:15px;transition:all ease .3s;width:100%;color:#666;background:#e3e3e3}
#baninfo .neicate .pc_images{width:27px;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;margin-right:6px;order:-1;overflow:hidden;transition:all ease .3s}
#baninfo .neicate .pc_images img{width:100%;height:auto;vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#baninfo .neicate p:hover .pc_images{opacity:0;margin-right:0px;width:0px}
#baninfo .neicate .deep:hover{background:#30318b}
#baninfo .neicate .deep:hover a{color:#fff}
#baninfo .neicate .active > p{background:#30318b}
#baninfo .neicate .active > p a{color:#fff}
@media screen and (max-width:768px){
#baninfo .ban-wrap{width:100%;padding-left:0px;padding-right:0px}
#baninfo .ban-wrap .alcenter{flex:0 0 100%}
#baninfo .ban-wrap .catpos{flex:0 0 100%;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px}
#baninfo .neicate{background:none;max-width:none;display:flex;justify-content:flex-end}
#baninfo .neicate .pc_tree{position:fixed;top:0;bottom:0;left:100%;height:100vh;width:80%;transition:all ease .5s;background:#fff;z-index:9999;max-height:1080px}
#baninfo .neicate .pc_tree.p_leftani{left:20%}
#baninfo .neicate .deep-1{height:100%;overflow-y:auto;overflow-x:hidden}
#baninfo .neicate .pc_mbtn{display:block;border:0;background:#30318b;padding:13px 20px;border-radius:0;font-size:14px;color:rgb(255 255 255 / 80%);outline:none;width:100%;text-align:left}
#baninfo .neicate .pc_mput{display:block;line-height:50px;background:rgb(0 0 0 / 70%);position:fixed;top:0;bottom:0;right:0;left:0;max-height:1080px;height:100vh;width:100%;cursor:pointer;transition:all ease .5s;opacity:0;visibility:hidden;z-index:999}
#baninfo .neicate .pc_mput:hover{background:rgb(0 0 0 / 80%)}
#baninfo .neicate .pc_mput.p_bg_show{opacity:1;visibility:visible}
#baninfo .neicate .deep a{padding-right:10px;width:100%}
#baninfo .neicate .deep a span{font-size:12px}
#baninfo .neicate .deep{color:#666}
#baninfo .neicate .deep-2{display:none;position:static;width:100%}
#baninfo .neicate .deep-3{display:none;position:static;width:100%;background:#dfdfdf}
#baninfo .neicate .pc_title3{border-bottom:1px solid #d5d5d5}
#baninfo .neicate.design_nomput .pc_mput{display:none}
#baninfo .neicate li{position:relative;width:100%;float:left;margin-right:0;border-bottom:1px solid #fff}
#baninfo .neicate ul{list-style:none;margin:0;overflow:hidden}
}
@media screen and (min-width: 769px){
#baninfo .neicate .pc_mbtn,#baninfo .neicate .pc_mput,#baninfo .neicate .pc_item > .pc_content{display:none}
#baninfo .neicate .deep a{padding:20px 30px}
#baninfo .neicate ul{margin:0}
#baninfo .neicate .pc_title1{font-size:16px}
#baninfo .neicate .pc_title1{background:#f5f5f5}
#baninfo .neicate li{margin-right:0}
}
#about-one{min-height:300px;padding-top:70px;padding-bottom:30px}
#about-one .about-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;max-width:1600px;margin-left:auto;margin-right:auto}
#about-one .about-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#about-one .about-wrap .about-left{padding-right:0px;align-self:center}
#about-one .about-wrap .p_item{padding-right:0px}
#about-one .about-left-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-right:80px}
#about-one .about-left-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#about-one .about-tit{font-size:40px;color:rgba(51,51,51,1);font-weight:normal;line-height:1.5}
#about-one .about-hr{width:60px;margin-left:0px;height:3px;margin-bottom:30px;margin-top:10px;border-top-style:solid;border-top-width:3px;border-top-color:rgba(48,49,139,1)}
#about-one .about-text{font-size:15px;color:#333333;line-height:2;margin-bottom:0px;margin-left:0px}
#about-one .about-img{overflow:hidden;}
#about-one .about-img img{width:100%;height:100%;object-fit:contain}
#about-one .about-wrap .about-right{align-self:center}
@media screen and (max-width:768px){
#about-one .about-tit{font-size:24px;color:#333333;line-height:1.5}
#about-one .about-left-wrap{padding-right:0px;padding-bottom:30px}
#about-one .about-wrap{flex-direction:column}
#about-one{padding-top:30px;padding-bottom:0px}
#about-one .about-text{font-size:16px;color:#333333;line-height:2}
#about-one .about-wrap{flex-direction:column-reverse}
#about-one .about-img{margin-bottom:30px}
}
@media screen and (min-width: 769px){
#about-one .about-img img{width:100%;height:500px;object-fit:cover}
}
#about-two{background-fill-value:background-color;min-height:0px;padding-bottom:0px;background-attachment:fixed;padding-top:0px;margin-bottom:4%}
#about-two .max1660{display:flex;flex-wrap:wrap;flex-direction:row;background-fill-value:background-image;margin-left:auto;margin-right:auto;width:auto;margin-top:40px;margin-bottom:20px;background-image:url(../images/about2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:30px 0px;max-width:none; padding:30px 0;}
#about-two .max1660 > .p_item{flex:1;max-width:100%;max-height:100%; padding:20px 0;}
#about-two .about-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;background-fill-value:background-color;max-width:1600px;margin-left:auto;margin-right:auto}
#about-two .about-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#about-two .about-wrap .fillwrap{background-fill-value:background-image;margin-bottom:0px;margin-top:0px}
#about-two .scrollText{text-align:center;line-height:2;font-weight:normal;color:rgba(255,255,255,0.7);font-size:14px;margin-top:10px}
#about-two .scrollNumber{height:60px;line-height:60px;text-align:center}
#about-two .scrollNumber .p_num{color:#ffffff;font-size:60px}
#about-two .scrollNumber .p_plus{color:#ffffff;font-weight:normal;font-size:18px}
@media screen and (max-width:768px){
#about-two .about-wrap{padding-top:0px;padding-bottom:0px}
#about-two .max1660{margin-top:10px;margin-bottom:10px;flex-direction:row}
#about-two .max1660 > .p_item{flex:0 0 50%;}
#about-two{margin-bottom:40px}
#about-two .scrollNumber .p_num{font-size:40px}
#about-two .scrollText{margin-top:0px}
}
#about-photo{min-height:0px;padding-top:50px;padding-bottom:50px;max-height:none;background-color:#ffffff}
#about-photo .photo-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:96%;max-width:1640px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;min-height:0px;}
#about-photo .photo-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#about-photo .photo-list .p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%}
#about-photo .photo-list .photo-item{flex:0 0 33.3%;position:relative}
#about-photo .photo-list{margin-top:0px;}
#about-photo .photo-item-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:auto;margin-left:15px;margin-right:15px;margin-bottom:15px;cursor:pointer;transition:all ease .8s;margin-top:15px}
#about-photo .photo-item-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#about-photo .photo-item-wrap a{pointer-events:none}
#about-photo .pimg{overflow:hidden;display:block;width:100%; height:240px;}
#about-photo .pimg img{width:100%;height:100%;object-fit:cover}
#about-photo .about-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;padding-right:0px;max-width:1600px;margin-left:auto;margin-right:auto;margin-bottom:30px;padding-left:0px}
#about-photo .about-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#about-photo .about-tit{font-size:36px;color:rgba(51,51,51,1);font-weight:bold;line-height:1.5;text-align:center}
#about-photo .about-hr{border-top-style:solid;border-top-width:3px;border-top-color:rgba(48,49,139,1);width:60px;margin-left:auto;height:3px;margin-bottom:10px;margin-top:10px;margin-right:auto}
#about-photo .about-text{font-size:16px;font-family:Microsoft YaHei;text-align:center}
#about-photo .viewmore { display:block; margin:0 auto; margin-top:15px;width:100%;max-width: 150px;text-align:center;}
#about-photo .viewmore a{ display:block; padding:0 30px; height:42px; line-height:42px; font-size: 16px; border:1px solid #d1d1d1; width:150px;color: #333333;border-radius: 50px; text-align:center;}
#about-photo .viewmore a:hover{ border:1px solid #30318b; background:#30318b; color:#ffffff;}
@media screen and (max-width:768px){
#about-photo .photo-list .photo-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 2)}
#about-photo .photo-wrap{width:100%}
#about-photo .photo-item-wrap{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:15px}
#about-photo .photo-item > .photo-item-wrap{margin-right:7px}
#about-photo .photo-item:nth-child(2n+0) > .photo-item-wrap{margin-left:7px;margin-right:0px}
#about-photo .about-wrap{padding-right:0px;padding-bottom:0px}
#about-photo .about-tit{font-size:24px;color:#333333;line-height:1.5}
}
@media screen and (min-width: 769px){
#about-photo .photo-list .photo-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 4)}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
#about-photo .photo-list .photo-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)}
#about-photo .photo-item-wrap{padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;margin-left:7px;margin-top:7px;margin-right:7px;margin-bottom:7px}
}
#products{margin-left:auto;margin-right:auto;width:90%;max-width:1600px;padding-top:50px;padding-bottom:50px}
#products .product-box::after{content:'';clear:left;display:block}
#products .product-box{width:100%;overflow:hidden;position:static}
#products .f_l{float:left;position:static}
@media screen and (max-width:768px){
#products{padding-top:0px}
#products .f_l{float:none;position:static}
}
#product-left{margin-right:20px;min-height:0px;margin-bottom:0px}
#product-left .left-cat{user-select:none;font-size:14px;width:100%;max-width:100%; margin-bottom:20px;}
#product-left .left-cat ul{list-style:none;margin:0;box-shadow:6px 6px 10px 0 rgb(0 0 0 / 10%)}
#product-left .left-cat li{position:relative}
#product-left .left-cat .deep a{width:100%;padding-left:15px;display:flex;justify-content:flex-start}
#product-left .left-cat .pc_title1{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #ebebeb;font-size:17px;transition:all ease .3s;font-weight:bold;width:100%;color:#333;background:#f5f5f5;background-color:#fff}
#product-left .left-cat .deep-2{width:100%}
#product-left .left-cat .p_arrbtm{width:50px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;border-left:1px solid rgb(0 0 0 / 5%);transition:border-left ease .3s}
#product-left .left-cat .p_arrow{margin:0;font-size:12px;transform:rotate(-90deg);line-height:1;padding:0;width:auto;height:14px;right:15px;pointer-events:none}
#product-left .left-cat .pc_title2{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #e1e1e1;font-size:15px;transition:all ease .3s;width:100%;color:#666;background:#ededed;padding-left:8px;font-weight:bold}
#product-left .left-cat .deep-3{width:100%}
#product-left .left-cat .pc_title3{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #d9d9d9;font-size:13px;transition:all ease .3s;width:100%;color:#5f5f5f;background:#ffffff;padding-left:30px}
#product-left .left-cat .pc_images{width:6px;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;margin-right:6px;order:-1;overflow:hidden;transition:all ease .3s}
#product-left .left-cat .pc_images img{width:100%;height:auto;vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}
#product-left .left-cat p:hover .pc_images{opacity:0;margin-right:5px;width:0px}
#product-left .left-cat .deep:hover{background:#30318b;color:#fff;border-bottom:1px solid #30318b}
#product-left .left-cat .active > p{background:#30318b;color:#fff;border-bottom:1px solid #30318b}
#product-left .left-cat .deep:hover .p_arrbtm{border-left:1px solid rgb(255 255 255 / 10%)}
#product-left .left-cat li:last-child > .deep{border-bottom:0px solid #ebebeb}
#product-left .left-tit{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;border-top-left-radius:30px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;background-fill-value:background-color;background-color:rgba(48,49,139,1);}
#product-left .left-tit > .p_item{flex:1;max-width:100%;max-height:100%}
#product-left .left-ptit{line-height:normal;color:#ffffff;font-size:30px;padding-left:30px;padding-right:30px;padding-top:25px;padding-bottom:25px}
#product-left .contactus{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;background-color:#ffffff;box-shadow:6px 6px 10px 0 rgb(0 0 0 / 10%)}
#product-left .contactus > .p_item{flex:1;max-width:100%;max-height:100%}
#product-left .left-company{font-size:18px;color:rgba(48,49,139,1);line-height:1}
#product-left .left-contact{font-size:14px;color:#333333;line-height:2}
#product-left .contactus-box{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;margin-left:auto;margin-right:auto;padding-bottom:30px;padding-top:30px}
#product-left .contactus-box > .p_item{flex:1;max-width:100%;max-height:100%}
#product-left .left-cat .active > p.pc_title2{color:#30318b;background:#ededed}
#product-left .left-cat .pc_title2:hover{color:#30318b;background:#ededed}
#product-left .left-cat .active > p.pc_title3{color:#30318b;background:#ffffff}
#product-left .left-cat .pc_title3:hover{color:#30318b;background:#ffffff}
#product-left .left-cat .pc_title3:before{content:">";position:absolute;font-size:16px;color:#30318b;padding-left:5px}
#product-left .left-cat li.active .pc_content{display:block}
#product-left .left-cat li.active .deep-2{display:block}
#product-left .left-cat li.active .deep-2 .active .deep-3{display:block}
@media screen and (max-width:768px){
#product-left .left-cat{background:none;max-width:none;display:flex;justify-content:flex-end;background-color:none;}
#product-left .left-cat .pc_tree{position:fixed;top:0;bottom:0;left:100%;height:100vh;width:70%;transition:all ease .5s;background:#fff;z-index:1000;max-height:1080px}
#product-left .left-cat .deep-1{height:100%;overflow-y:auto;overflow-x:hidden}
#product-left .left-cat .pc_mbtn{display:block;border:0;background:#30318b;padding:15px 15px;border-radius:2px;font-size:14px;color:rgb(255 255 255 / 80%);outline:none;width:100%}
#product-left .left-cat .pc_mput{display:block;line-height:50px;background:rgb(0 0 0 / 70%);position:fixed;top:0;bottom:0;right:0;left:0;max-height:1080px;height:100vh;width:100%;cursor:pointer;transition:all ease .5s;opacity:0;visibility:hidden;z-index:999}
#product-left .left-cat .pc_mput:hover{background:rgb(0 0 0 / 80%)}
#product-left .left-cat .deep a{padding-right:15px;width:100%}
#product-left .left-cat .deep{color:#666}
#product-left .left-cat .deep-2{display:none;position:static;width:100%}
#product-left .left-cat .deep-3{display:none;position:static;width:100%;background:#dfdfdf}
#product-left .left-cat .pc_title3{border-bottom:1px solid #d5d5d5}
#product-left .left-cat .p_leftani{left:30%}
#product-left .left-cat .p_bg_show{opacity:1;visibility:visible;display:block}
#product-left .left-cat.design_nomput .pc_mput{display:none}
#product-left .left-tit{display:none}
#product-left .contactus{display:none}
#product-left{margin-top:30px;margin-right:auto;margin-left:auto}
}
@media screen and (min-width: 769px){
#product-left .left-cat .pc_mbtn,#product-left .left-cat .pc_mput,#product-left .left-cat .pc_item > .pc_content{display:none}
}
#product-right{padding-bottom:50px;padding-top:0px;background-fill-value:background-image;background-repeat:no-repeat;background-size:cover;background-position:top center;min-height:0px}
#product-right .prolist .p_list{display:flex;flex-wrap:wrap}
#product-right .prolist .pro-item{flex:0 0 33.3%;position:relative}
#product-right .prolist{padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto;max-width:none;width:auto}
#product-right .pro-box{display:flex;flex-wrap:wrap;flex-direction:row;width:auto;background-color:rgba(245,245,245,1);margin-left:15px;margin-right:15px;margin-bottom:40px;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;position:relative;}
#product-right .pro-box:after{content:'';position:absolute;width:100%;height:0%;left:0;bottom:0;z-index:1;background:#30318b;transition:all .5s ease}
#product-right .pro-box:hover:after{height:100%}
#product-right .pro-box:hover .pro-title{color:#fff}
#product-right .pro-box:hover .proimg img{transform:scale(1.1)}
#product-right .pro-box > .p_item{flex:1;max-width:100%;max-height:100%;position:relative;z-index:2}
#product-right .pro-title{font-size:16px;color:rgba(0,0,0,0.8);font-weight:normal;text-align:center;line-height:1.6;transition:all .5s ease;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#product-right .proimg{overflow:hidden;}
#product-right .proimg img{width:100%;height:100%;transition:all .5s ease 0.2s}
#product-right .pro-text{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-top:20px;padding-left:10px;padding-bottom:10px;padding-right:10px;}
#product-right .pro-text > .p_item{flex:1;max-width:100%;max-height:100%}
@media screen and (max-width:768px){
#product-right .prolist .pro-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)}
#product-right{padding-top:30px;padding-bottom:20px}
#product-right .pro-box{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;margin-left:5px;margin-right:5px;margin-bottom:20px}
#product-right .pro-title{font-size:14px;color:#333333;line-height:1.5;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#product-right .pro-text{padding-top:10px;padding-bottom:10px}
}
@media screen and (min-width: 769px){
#product-right .prolist .pro-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)}
}
#product{min-height:0px;background-color:rgba(240,240,240,1);padding-top:30px;padding-bottom:80px;}
#product .product-header{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;max-width:1600px;margin-left:auto;margin-right:auto;background-color:#ffffff;padding-top:50px;padding-left:50px;padding-bottom:50px;padding-right:50px;margin-top:20px;margin-bottom:20px;}
#product .product-header > .p_item{flex:1;max-width:100%;max-height:100%}
#product .relate-item{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-left:auto;padding-top:0px;padding-bottom:30px;padding-left:50px;padding-right:0px}
#product .relate-item > .p_item{flex:1;max-width:100%;max-height:100%}
#product .title{line-height:1.8;font-size:30px;font-weight:bold;color:rgba(51,51,51,1)}
.rotate-icon::before{content:"";display:block;width:50px;height:40px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;z-index:99;border:3px solid #fff;border-radius:50%;transform:rotateX(70deg)}
.rotate-icon::after{content:"360°";display:block;width:30px;height:30px;text-align:center;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;z-index:99;color:#fff;font-size:16px;font-weight:400;background-color:transparent}
#product .product-detail{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;max-width:1600px;margin-left:auto;margin-right:auto;background-color:#ffffff;padding-top:50px;padding-left:50px;padding-bottom:50px;padding-right:50px;margin-top:30px;margin-bottom:20px;}
#product .product-detail > .p_item{flex:1;max-width:100%;max-height:100%}
#product .product-header .ph-left{padding-left:0px;padding-right:0px;flex:0 0 45%}
#product .product-header .ph-right{padding-left:30px;}
#product .ph-info{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-bottom:5px}
#product .ph-info > .p_item{flex:1;max-width:100%;max-height:100%}
#product .relate-item .v-tit{flex:0 0 auto;align-self:center}
#product .v-tit{font-size:14px;color:rgba(136,136,136,1);line-height:2.5;padding-bottom:0px;padding-top:0px;padding-right:10px;font-weight:bold}
#product .pimgs{height:auto;}
#product .pimgs .p_img{width:100%;height:100%;background:#000}
#product .pimgs .p_img img{width:100%;height:100%;object-fit:cover}
#product .pimgs .custom-bullet{background:#ccc}
#product .pimgs .swiper-slide img{width:100%;height:100%;object-fit:cover}
#product .pimgs .gallery-top{height:80%;width:100%}
#product .pimgs .gallery-thumbs{height:20%;box-sizing:border-box;padding-top:5px}
#product .pimgs .gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:0.6}
#product .pimgs .gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}
#product .pimgs .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
#product .sp-loading{text-align:center;max-width:270px;padding:15px;border:5px solid #eee;border-radius:3px;font-size:12px;color:#888}
#product .sp-wrap{display:inline-block; background:#fff;border:none;border-radius:0px;position:relative;margin:0px;width:100%;max-width:800px;}
#product .sp-thumbs{text-align:left;display:inline-block;margin-top:10px}
#product .sp-thumbs li{width:92px;height:60px;overflow:hidden;opacity:.3;display:inline-block;border:1px solid #999;margin-right:10px;background-size:cover;background-position:center;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; text-align:center;}
#product .sp-thumbs li:hover,#product .sp-thumbs .swiper-slide-thumb-active{opacity:1}
#product .sp-thumbs li img{width:92px;height:60px;}
#product .sp-large{position:relative;overflow:hidden;top:0px;left:0px;border:1px solid #ccc;}
#product .sp-large li{display:block;padding:20px;width:100%;}
#product .sp-large li img{width:100%;height:auto;width:100%;}
#product .sp-zoom{position:absolute;left:-50%;top:-50%;cursor:zoom-in;display:none}
#product .title{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-bottom:15px;margin-bottom:25px;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:rgba(51,51,51,1)}
#product .title > .p_item{flex:1;max-width:100%;max-height:100%}
#product .quote-tit4{line-height:2.5;font-size:14px;color:rgba(136,136,136,1);font-weight:bold}
#product .quote-tit6{line-height:1.5;font-size:14px;color:rgba(48,49,139,1)}
#product .product-tel{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-top:3%;padding-bottom:3%;margin-top:3%;margin-bottom:5%;border-top-style:dashed;border-top-width:1px;border-top-color:rgba(221,221,221,1);border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:rgba(221,221,221,1)}
#product .product-tel > .p_item{flex:1;max-width:100%;max-height:100%}
#product .product-tel i{line-height:38px; height:38px;font-size:18px; padding-top:4px;}
#product .product-zixun{line-height:38px; height:38px;font-size:18px;font-weight:bold;}
#product .product-zixun a{line-height:38px; height:38px;font-size:22px; color:#ff0000;font-weight:bold}
#product .ph-xunjia{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}
#product .ph-xunjia > .p_item{flex:1;max-width:100%;max-height:100%; }
#product .ph-xunjia .btns{display:flex;position:relative;overflow:hidden;text-align:center;justify-content:center;align-items:center;box-sizing:border-box; width:120px; max-width:160px;padding:10px 8px;max-height:none;height:auto;background-color:rgba(48,49,139,1);border-style:solid;border-width:0px;border-color:rgba(22,107,236,1);}
#product .ph-xunjia .btns span{display:block;width:auto;position:relative;z-index:1;font-size:16px;outline:0;font-weight:bold;margin:0px;overflow:hidden}
#product .ph-xunjia .btns::after{content:"";position:absolute;width:0;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0px}
#product .ph-xunjia .btns:hover::after{opacity:1}
#product .ph-xunjia .xunjia{background-color:rgba(48,49,139,1); border:1px solid rgba(48,49,139,1); }
#product .ph-xunjia .other{background-color:rgba(51,51,51,1); border:1px solid rgba(51,51,51,1); }
#product .ph-xunjia .xunjia:hover{background-color:rgba(51,51,51,1); rgba(51,51,51,1); }
#product .ph-xunjia .other:hover{background-color:rgba(48,49,139,1); rgba(48,49,139,1); }
#product .ph-xunjia .mrbf3{margin-right:3%;flex:0 0 auto}
#product .btn:focus{box-shadow:0 0 0 0.2rem rgb(0 123 255 / 0%)}
#product .introduce{font-size:14px;color:rgba(102,102,102,1);line-height:1.8;margin-top:10px;margin-bottom:20px;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#product .intro{font-size:14px;color:rgba(102,102,102,1);line-height:32px; height:32px;margin-top:0px;margin-bottom:0px;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#product .ph-info .canshu{align-self:center}
#product .product-tab::-webkit-scrollbar{display:none}
#product .product-tab .tabName{overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-bottom:1px solid rgba(229,229,229,1);margin-bottom:10px}
#product .product-tab .p_nameItem{display:inline-block;width:auto;min-width:158px;padding:0 5px;height:46px;line-height:46px;text-align:center;font-size:16px;font-weight:bold;background:#f5f5f5;cursor:pointer}
#product .product-tab .p_nameItem.active{color:#fff;border-bottom:1px solid var(--primary);background:#30318b}
#product .product-tab .tabContent{padding:25px 0}
#product .product-tab .contentItem{display:none}
#product .product-tab .contentItem.active{display:block}
#product .product-tab .infoItem{overflow:hidden;margin-bottom:25px}
#product .hs02 p{font-size:14px;line-height:1.8;text-align:left;color:#707070;}
#product .hs02 p img, #product .hs02 img{ display:block; width:100%; max-width:750px; overflow:hidden;}
#product .hs04{ display:flex;align-items: center;}
#product .hs06{font-size:16px;line-height:4;text-align:left;color:#950514;width:30%; max-width:160px;display:inline-block}
#product .hs05{font-size:16px;line-height:22px;text-align:left;color:#707070;width:70%; padding:10px 20px;}
@media screen and (max-width:768px){
#product .product-header{flex-direction:column;padding-top:15px;padding-left:15px;padding-right:15px;padding-bottom:15px}
#product .product-header .ph-right{padding-left:0;}
#product .title{font-size:22px;color:#333333;line-height:1.5}
#product .relate-item{padding-left:0px}
#product .product-detail{padding-top:15px;padding-left:15px;padding-right:15px;padding-bottom:15px}
#product{padding-top:10px;padding-bottom:30px}
#product .sp-wrap{width:100%;}
#product .sp-thumbs li{width:92px;height:60px;margin-right:10px}
#product .title{margin-top:20px;margin-bottom:15px;padding-bottom:10px;padding-top:0px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(85,85,85,1)}
#product .ph-xunjia > .p_item{max-width:50%;}
#product .ph-xunjia .mrbf3{flex:1}
#product .ph-xunjia .btns{ margin:0 auto;width:120px}
#product .ph-xunjia .btns span{font-size:14px}
#product .table-res{overflow-y:hidden;width:100%;border:1px solid #ddd}
#product .product-tab .p_attrItem{width:100%}
#product .product-tab .p_groupName{padding-left:15px;height:30px;line-height:30px}
#product .product-tab .p_paramsName{width:30%;padding:0 10px}
#product .product-tab .p_params{line-height:30px}
}
#product-relate{min-height:300px;padding-top:50px;padding-bottom:50px;background:url(../images/relate.jpg) no-repeat center center;background-attachment:fixed;background-size:cover}
#product-relate .relate-tit{line-height:normal;font-size:34px;text-align:center;color:#ffffff;max-width:1600px;width:94%;margin-left:auto;margin-right:auto;font-weight:bold}
#product-relate .relate-list{width:94%;margin-right:auto;margin-left:auto;max-width:1600px;padding-bottom:30px;}
#product-relate .relate-item{display:flex;flex-wrap:wrap;flex-direction:row;width:auto;margin-left:15px;margin-right:15px;margin-top:20px;margin-bottom:20px;padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;border-style:solid;border-width:1px;border-color:rgba(229,229,229,1);background:#fff;background-color:#fff}
#product-relate .relate-item > .p_item{flex:1;max-width:100%;max-height:100%}
#product-relate .rimg{overflow:hidden}
#product-relate .rimg img{width:100%;height:240px;object-fit:contain;transform:scale(0.95);transition:all .5s ease}
#product-relate .relate-list .p_item:hover .rimg img{transform:scale(1)}
#product-relate .relate-list .p_item:hover .rtext{color:#30318b}
#product-relate .rtext{line-height:2;font-size:18px;color:rgba(51,51,51,1);text-align:center;margin-top:10px;margin-bottom:10px;font-weight:bold;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#product-relate .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1}
#product-relate .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#30318b}
@media screen and (max-width:768px){
#product-relate .relate-tit{font-size:22px}
#product-relate .relate-list .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)}
#product-relate .relate-item{margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;padding:15px}
#product-relate{padding-top:30px;padding-bottom:20px}
}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);display: flex;justify-content: center;align-items: center;z-index: 1000;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.overlay.active {opacity: 1;visibility: visible;}
.overlay-content {position: relative;max-width: 90%;max-height: 90%; background:#ffffff}
.overlay img {max-width: 100%;max-height: 80vh;border-radius: 8px;box-shadow: 0 10px 50px rgba(255, 255, 255, 0.1);transform: scale(0.95);transition: transform 0.4s ease;}
.overlay.active img {transform: scale(1);}
.close-btn {position: absolute;top: 0;right: 0;color: black;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 24px;cursor: pointer;transition: all 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.2);}
.close-btn:hover {background: rgba(255, 255, 255, 0.2);transform: rotate(90deg);}

#quote{min-height:300px;background-color:rgba(240,240,240,1);padding-top:60px;padding-bottom:100px}
#quote .quote-top{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;max-width:1600px;margin-left:auto;margin-right:auto;margin-bottom:30px}
#quote .quote-top > .p_item{flex:1;max-width:100%;max-height:100%}
#quote .quote-tit{line-height:1.5;font-size:34px;text-align:center;font-weight:bold;color:rgba(51,51,51,1);margin-top:0px;margin-bottom:10px}
#quote .richText{font-size:16px;color:#333333;line-height:1.5;text-align:center}
#quote .form-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;max-width:1600px;margin-left:auto;margin-right:auto;margin-top:0px;padding-top:40px;padding-left:40px;padding-right:40px;padding-bottom:40px}
#quote .form-wrap > .formItem{flex:1;max-width:100%;max-height:100%}
#quote .form-captcha{display:flex;flex-wrap:wrap;flex-direction:row;width:50%}
#quote .form-contact{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}
#quote .form-contact > .p_item{flex:1;max-width:100%;max-height:100%}
#quote .form-contact .input-left{margin-right:2%}
#quote .form-contact .input-right{margin-right:auto;margin-left:2%}
#quote .form-control{height:50px}
#quote .textarea .form-control{min-height:200px}
#quote .form-group{margin-bottom:20px}
#quote .textarea{min-height:0px}
#quote .formBtn{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:200px;padding:12px 8px;height:auto;margin-left:auto;margin-right:auto;margin-top:0px;background-color:rgba(48,49,139,1);border-style:solid;border-width:0px;border-color:rgba(22,107,236,1)}
#quote .formBtn span{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0px;overflow:hidden;font-size:16px;font-weight:bold}
#quote .formBtn::after{content:"";position:absolute;width:100%;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0px}
#quote .formBtn:hover::after{opacity:1}
#quote .formBtn:hover{background-color:rgba(51,51,51,1);border-style:solid;border-color:rgba(51,51,51,1)}
.btn:focus{box-shadow:0 0 0 0.2rem rgb(0 123 255 / 0%)}
@media screen and (max-width:768px){
#quote .quote-tit{font-size:22px;color:#333333;line-height:1.5}
#quote .richText{font-size:14px;color:#333333;line-height:1.5}
#quote{padding-bottom:50px;padding-top:30px}
#quote .form-control{height:40px}
#quote .textarea .form-control{min-height:100px}
#quote .form-group{margin-bottom:10px}
#quote .formBtn{width:130px}
#quote .form-wrap{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}
#quote .form-contact{flex-direction:column}
#quote .form-contact .input-right{margin-right:auto;margin-left:0;width:100%}
#quote .form-contact .input-left{margin-right:0%}
#quote .form-captcha{width:100%}
}

#news{min-height:300px;padding-top:60px;padding-bottom:60px;background-color:#ffffff}
#news .newslist .p_list{display:flex;flex-wrap:wrap;position:relative;/*解决无缝滚动在循环体多列展示问题  */max-width:100%/* 解决无缝滚动在循环体多列展示问题 */}
#news .newslist .news-item{flex:0 0 33.3%;position:relative}
#news .newslist{width:90%;max-width:1600px;margin-left:auto;margin-right:auto;}
#news .news-box{display:flex;flex-wrap:wrap;flex-direction:row;padding-top:0px;margin-bottom:25px;align-items:center;background-color:rgba(239,241,245,1);transition:all .5s ease;margin-top:25px;}
#news .news-box:hover{box-shadow:0 23px 90px -5px rgb(29 56 72 / 17%);background:#fff;background-color:#fff}
#news .news-box:hover .nimg img{transform:scale(1.1)}
#news .news-box:hover .title{color:#30318b}
#news .news-box:hover .timeFormat{color:#30318b}
#news .news-box .p_item{flex:1;max-width:100%}
#news .news-box .news-left{flex:0 0 28%;margin-top:0px;padding-top:0px;padding-bottom:0px;margin-bottom:0px;align-items:center; }
#news .news-box .news-right{flex:0 0 72%}
#news .nimg{overflow:hidden}
#news .nimg a{display:block;width:100%;padding-bottom:65%;position:relative;height:0;overflow:hidden}
#news .nimg img{width:100%;height:100%;left:0;top:0;position:absolute;transform:scale(1);transition:all .5s ease}
#news .news-wrap{display:flex;flex-wrap:wrap;flex-direction:row;padding-top:5%;padding-left:5%;padding-bottom:5%;padding-right:5%;justify-content:space-between}
#news .news-wrap .p_item{flex:1;max-width:100%}
#news .news-wrap .news-text{padding-left:20px;padding-right:20px;flex:0 0 72%}
#news .news-wrap .news-info{flex:0 0 auto}
#news .timeFormat{min-height:20px;padding-left:0px;font-size:56px;color:rgba(102,102,102,1);line-height:1.2;transition:all .5s ease;font-family:Impact;text-align:center}
#news .dateFormat{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}
#news .dateFormat > .p_item{flex:1;max-width:100%;max-height:100%}
#news .title{color:rgba(51,51,51,1);padding-bottom:15px;padding-top:15px;margin-top:0px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;line-height:1;transition:all .2s ease}
#news .introduce{font-size:14px;color:rgba(112,112,112,1);line-height:1.6;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
@media screen and (max-width:768px){
#news{padding-top:20px;padding-bottom:20px}
#news .newslist .news-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)}
#news .news-box .news-left{width:100%;flex:0 0 auto}
#news .news-box{display:flex;flex-wrap:wrap;flex-direction:column}
#news .news-wrap{padding-top:20px;padding-left:10px;padding-bottom:20px;padding-right:10px}
#news .news-wrap .p_item{padding-left:0px;padding-right:0px}
#news .timeFormat{color:#666666;line-height:1.5;font-size:40px}
#news .title{font-size:16px;color:#333333;line-height:1.2;padding-top:10px;padding-bottom:10px}
}
@media screen and (min-width: 769px){
#news .newslist .news-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)}
}
#article{min-height:300px;background-color:rgba(240,240,240,1);padding-top:20px;padding-bottom:20px}
#article .container{max-width:1600px;margin:0 auto}
#article .container #mainbox{width:70%}
#article .container .c-title{font-size:18px;border-bottom:1px solid #eee;padding-bottom:.5em;margin-top:-.5em;position:relative}
#article .container .c-title:after{content:"";background-color:#30318b;left:1px;width:34px;height:2px;bottom:-1px;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
/*--文章详情页--*/
#article .container #mainbox .art-main{padding:2em 3em}
#article .container #mainbox .art-main img{height:auto!important;}
#article .container #mainbox .art-main .art-title{font-size:28px; text-align:center;}
#article .container #mainbox .art-main .head-info{color:#999;padding-top:15px; margin-top:15px; text-align:center; border-top:1px solid #e1e1e1;}
#article .container #mainbox .art-main .head-info i.iconfont{padding-right:2px}
#article .container #mainbox .art-main .head-info .author,#article .container #mainbox .art-main .head-info .edit,#article .container #mainbox .art-main .head-info .time,#article .container #mainbox .art-main .head-info .view{padding-right:1em}
#article .container #mainbox .art-main #article .container #mainbox .art-main .art-content{padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
#article .container #mainbox .art-main .art-content a{color:#30318b}
#article .container #mainbox .art-main .art-content a:hover{border-bottom:1px dashed #30318b}
#article .container #mainbox .art-main .art-content h1,#article .container #mainbox .art-main .art-content h2,#article .container #mainbox .art-main .art-content h3,#article .container #mainbox .art-main .art-content h4,#article .container #mainbox .art-main .art-content h5,#article .container #mainbox .art-main .art-content h6{margin:10px 0}
#article .container #mainbox .art-main .art-content h1{font-size:1.8em}
#article .container #mainbox .art-main .art-content h2{font-size:1.6em}
#article .container #mainbox .art-main .art-content h3{font-size:1.4em}
#article .container #mainbox .art-main .art-content h4{font-size:1.2em}
#article .container #mainbox .art-main .art-content h5{font-size:1em}
#article .container #mainbox .art-main .art-content h6{font-size:0.8em}
#article .container #mainbox .art-main .art-content blockquote{color:#666;font-weight:400;border-left:4px solid #30318b;padding:.5em 1em;background-color:#f9f9f9}
#article .container #mainbox .art-main .art-content p{ width:100%; overflow:hidden; font-size:16px; line-height:28px;}
#article .container #mainbox .art-main .art-content img{ margin:10px auto; text-align:center; display:block;width:100%;max-width:650px;}
#article .container #mainbox .art-main .art-content table {border-collapse:collapse;empty-cells:show;border-spacing:0}
#article .container #mainbox .art-main .art-content table tr.firstRow{font-weight:bold;background-color:#f8f8f8;text-align:left}
#article .container #mainbox .art-main .art-content table th,#article .container #mainbox .art-main .art-content table td{padding:.3em .5em;margin:0;vertical-align:top;border:1px solid #ddd}
#article .container #mainbox .art-main .art-content blockquote,#article .container #mainbox .art-main .art-content dl,#article .container #mainbox .art-main .art-content form,#article .container #mainbox .art-main .art-content hr,#article .container #mainbox .art-main .art-content ol,#article .container #mainbox .art-main .art-content p,#article .container #mainbox .art-main .art-content pre,#article .container #mainbox .art-main .art-content table,#article .container #mainbox .art-main .art-content ul{font-weight:400;margin-bottom:1rem}
#article .container #mainbox .art-main .art-content blockquote p,#article .container #mainbox .art-main .art-content ul p{margin-bottom:0}
#article .container #mainbox .art-main .art-content li{margin-left:1.2em}
#article .container #mainbox .art-main .art-content hr{border:none;margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #eee;height:1px;background:0 0}
#article .container #mainbox .art-main .art-content b,#article .container #mainbox .art-main .art-content strong{font-weight:700;}
#article .container #mainbox .art-main .art-content .padding{padding-right:.5em}
#article .container #mainbox .art-main .art-content .tag-wrap{font-size:14px}
#article .container #mainbox .art-main .art-content .tags{border:1px solid #ddd;padding:.1em .5em;text-align:center;color:#333}
#article .container #mainbox .art-main .art-content .tags:hover{background-color:#30318b;color:#fff;border:1px solid #30318b}
#article .container #mainbox .art-main .art-content li,#article .container #mainbox .art-main .art-content ul{list-style:inherit}
#article .container #mainbox .prev-next{padding:1.5em;position:relative}
#article .container #mainbox .prev-next strong{font-weight:400}
#article .container #mainbox .prev-next .post-next,#article .container #mainbox .prev-next .post-prev{width:46%;color:#999;font-size:16px}
#article .container #mainbox .prev-next .post-next{text-align:right}
#article .container #mainbox .prev-next .next,#article .container #mainbox .prev-next .prev{display:block;font-size:14px}
#article .container #mainbox .related-art,.widget{padding:1.5em}
#article .container #mainbox .related-art:hover .c-title::after,.widget:hover .c-title::after{width:70px}
#article .container #mainbox .related-art,.widget{padding:20px 15px 15px 15px}
#article .container #sidebar #aside_new img,#article .container #mainbox .related-art .related-item .img{-webkit-transition:all .4s;transition:all .4s}
#article .container #sidebar #aside_new .list:hover img,#article .container #mainbox .related-art .related-item:hover img{border-radius:0;-webkit-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2)}
/*--相关文章--*/
#article .container #mainbox .related-art{position:relative;z-index:2}
#article .container #mainbox .related-art .related-item{width:31%;margin-right:3.4%}
#article .container #mainbox .related-art .related-item .span{height: 200px;display: block;overflow: hidden;margin-bottom: 5px}
#article .container #mainbox .related-art .related-item a{display:block}
#article .container #mainbox .related-art .related-item .img{width:100%;object-fit:cover}
#article .container #mainbox .related-art .related-item .titile{height:3.2em;overflow:hidden; text-align:center;}
#article .container #mainbox .related-art .related-item:nth-child(3n+0){margin-right:0}
/*========侧边栏======*/
#article .container #sidebar{width:28%; max-width:420px;}
#article .container #sidebar .aside_ad{display:block;line-height:0;margin:-1.5em}
#article .container #sidebar .aside_ad img{width:100%}
/*--最新文章--*/ 
#article .container #sidebar #aside_new .list{padding:.6em 0}
#article .container #sidebar #aside_new li:first-child{padding-top:0}
#article .container #sidebar #aside_new li:last-child{padding-bottom:0}
#article .container #sidebar #aside_new .time,#article .container #sidebar #aside_new .view{color:#999;padding-right:1.5em}
#article .container #sidebar #aside_new .time i.iconfont,#article .container #sidebar #aside_new .view i.iconfont{padding-right:2px}
#article .container #sidebar #aside_new .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#article .container #sidebar #aside_new .random-img{float:left;width:100px;height:70px}
#article .container #sidebar #aside_new .new-text{margin-left:120px}
#article .container #sidebar #aside_new .new-text .title{line-height:1.6em; font-size:14px; font-weight:normal; text-align:left;}
@media screen and (max-width:1200px){
#article{padding-top:10px;}
#article .container #mainbox{width:100%}
#article .container #mainbox .art-main{padding:4vw}
#article .container #mainbox .art-main #article .container #mainbox .art-main .art-content{font-size:14px}
#article .container #mainbox .art-main .art-title{font-size:22px}
#article .container #mainbox .art-main h1,#article .container #mainbox .art-main h2,#article .container #mainbox .art-main h3{font-size:20px}
#article .container #mainbox .art-main .head-info .author{ display:none;}
#article .container #mainbox .related-art .ul{margin-bottom:3vw}
#article .container #mainbox .related-art .related-item{width:48.4%;margin-right:3%}
#article .container #mainbox .related-art .related-item .span{height: 100px;}
#article .container #mainbox .related-art .related-item a{display:block}
#article .container #mainbox .related-art .related-item .img{height:100px}
#article .container #mainbox .related-art .related-item:nth-child(2n+0){margin-right:0}
#article .container #mainbox .related-art .related-item:nth-child(3){margin-right:3%}
#article .container .hidden-sm-md-lg{display:none!important}
}

#guestbook{margin-top:0px;min-height:0px;margin-bottom:0px;padding-bottom:5%;background-color:rgba(247,247,247,1);padding-top:0px}
#guestbook .two-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:none;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-bottom:0px;margin-top:0px;background-color:rgba(245,245,245,1)}
#guestbook .two-wrap > .p_item{flex:1;max-width:100%;max-height:100%}
#guestbook .two-header{ border-bottom:1px solid #d1d1d1;}
#guestbook .guestbook-two{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;background-color:rgba(245,245,245,1);max-width:1580px;padding-top:0px;margin-left:auto;margin-right:auto}
#guestbook .guestbook-two > .p_item{flex:1;max-width:100%;max-height:100%}
#guestbook .g-h2{line-height:normal;font-size:28px;font-family:Microsoft YaHei;color:rgba(51,51,51,1);margin-bottom:0px}
#guestbook .guestbook-two .dmap{flex:0 0 55%}
#guestbook .g-detail{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;}
#guestbook .g-detail > .p_item{flex:1;max-width:100%;max-height:100%}
#guestbook .g-item{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-top:10px}
#guestbook .g-item > .p_item{flex:1;max-width:100%;max-height:100%}
#guestbook .g-item:hover .icon-bg{background:#30318b}
#guestbook .g-item:hover  .icon-bg .iconfont{color:#fff;}
#guestbook .g-item .g-icon{flex:0 0 auto;margin-right:20px}
#guestbook .g-item .g-text{align-self:center}
#guestbook .icon-bg .iconfont{color:#fff;margin:2px 0 0 2px;width:100%;height:100%;fill:currentColor;display:flex}
#guestbook .d-text{font-size:18px;line-height:normal;font-weight:normal;text-align:left;font-family:"0ca84b91-7a1a-4a0a-b6c7-b07a86636288";color:#333}
#guestbook .g-text{line-height:normal;font-size:18px;font-family:Microsoft YaHei;color:rgba(102,102,102,1);margin-bottom:20px;margin-top:10px}
#guestbook .g-hr{border-top-style:solid;border-top-width:2px}
#guestbook .guestbook-two .p_item{padding-bottom:0px}
#guestbook .map-wrap{width:90%;height:460px;border:1px solid #ccc;margin-right:0px;margin-left:auto;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
#guestbook .map-wrap #map{width:100%;height:100%}
#guestbook .guestbook-one{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;background-fill-value:background-image;background-image:url(../images/guestbook.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:3%;padding-bottom:3%;padding-right:0px;margin-top:0px;padding-left:0px;margin-bottom:5%}
#guestbook .guestbook-one > .p_item{flex:1;max-width:100%;max-height:100%}
#guestbook .icon-bg{transition:all 0.6s;width:40px;height:40px;margin-right:auto;margin-left:auto;border:1px #30318b solid;border-radius:50%;padding:9px;box-shadow:0px 0px 15px rgb(0 74 116 / 7%);margin-bottom:5px;margin-top:5px;background:#30318b;font-size:14px}
#guestbook .g-h1{line-height:normal;font-size:26px;font-weight:bold;color:rgba(58,58,58,1);margin-bottom:10px;max-width:1600px;width:90%;margin-left:auto;margin-right:auto}
#guestbook .f16{line-height:normal;font-size:16px;color:rgba(51,51,51,1);max-width:1600px;width:90%;margin-left:auto;margin-right:auto}
@media screen and (max-width:768px){
#guestbook .two-wrap{flex-direction:column;width:auto;max-width:none;padding-top:0px;margin-top:0px;background:none}
#guestbook .icon-bg{width:40px;height:40px;padding-top:10px;padding-bottom:10px}
#guestbook .d-text{font-size:16px}
#guestbook .guestbook-two{flex-direction:column;padding-bottom:20px;width:90%;background:none}
#guestbook .g-h2{font-size:18px;margin-top:10px}
#guestbook .g-text{font-size:14px}
#guestbook .guestbook-two .dmap{padding-left:0px;padding-right:0px}
#guestbook .map-wrap{width:100%;margin-top:20px;height:300px}
#guestbook .guestbook-two .p_item span{font-size:14px !important}
#guestbook .guestbook-one{flex-direction:column;padding-top:40px;padding-bottom:40px;padding-right:20px;padding-left:20px;}
#guestbook .g-h1{font-size:22px;font-weight:bold;text-align:left;width:auto}
#guestbook{margin-left:auto;margin-right:auto}
#guestbook .f16{width:auto;font-size:14px;line-height:2}
}
.pages {width:100%;max-width:1478px;margin-left:auto;margin-right:auto;padding:0 15px;}
.pages .pagination {display:flex;align-items:center;justify-content:center;}
.pages .pagination > li > a,.pages .pagination > li > span {color:#333;}
.pages li{position:relative;display:inline-block;}
.pages li a{position:relative;display:block;line-height:20px;padding:10px 15px;font-size:16px;text-transform:capitalize;min-width:32px;border:1px solid #e0e0e0;background:#efefef;color:#111111;font-weight:500;text-align:center;border-radius:2px;transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.pages li a.next{font-size:16px;}
.pages li:hover a,.pages li.active a{color:#ffffff;background:#30318b;border-color:#30318b;}
.websiteShareWxPop {position: absolute;left: -99999px;display: none;z-index: 99999;color: #000}
.websiteShareWxCon {box-shadow: 1px 1px 4px #888;padding: 8px 8px 4px;border-radius: 4px}
.websiteShareWxUpArrow {position: relative;height: 0;width: 0;border-style: solid;border-width: 12px;border-color: transparent;border-top: none}
.websiteShareWxDownArrow {position: relative;height: 0;width: 0;border-style: solid;border-width: 12px;border-color: transparent;border-bottom: none}
.websiteShareWxTip {font-size: 12px;line-height: 20px;margin: 4px auto;width: 120px}
.s_button1:before{content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
.s_button1:hover:before{animation:style1 .75s;z-index:1}
@keyframes style1{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:0 0;transform:translateX(-50%) translateY(-50%) scale(1)}
}
.s_title{font-size:16px;color:#333;line-height:1}
.s_button1:hover{background-color:#409eff;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-style:solid;border-color:#409eff;font-size:14px}
.s_summary{font-size:14px;color:#666;line-height:1.5}
.s_button1{background-color:#409eff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#fff;border-style:solid;border-color:#409eff;font-size:14px;border-width:1px;position:relative;overflow:hidden}
.s_list{background-color:rgba(255,255,255,0)}
.s_item{background-color:#000}
.s_button3{background-color:#409eff;font-size:14px;color:#fff;border-style:solid;border-width:1px;border-color:#409eff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;position:relative;overflow:hidden;transition:all .3s}
.s_button3:hover{background-color:#338fee;color:#fff;border-style:solid;border-color:#338fee;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.s_form_layout1{background:#fff}
.s_form_layout1 .s_label{color:#666}
.s_form_layout1 .s_input{border:1px solid #e1e1e1;background:0 0;color:#666;padding:0 15px;line-height:1;border-radius:2px!important;transition:all ease .15s}
.s_form_layout1 input.s_input{height:calc(1.5em + .75rem + 5px)}
.s_form_layout1 textarea.s_input{height:150px;padding:10px 15px}
.s_form_layout1 .s_input::-webkit-input-placeholder{color:#999}
.s_form_layout1 .s_input::-moz-placeholder{color:#999}
.s_form_layout1 .s_input:-ms-input-placeholder{color:#999}
.s_form_layout1 [class^=e_][required] .p_label::after{font-size:12px;top:0;padding:0}
.s_form_layout1 .text-danger{display:none}
.s_form_layout1 .e_formBtn{background-color:#409eff;border-color:#409eff;border-radius:2px;font-size:14px}
.s_form_layout1 .e_score .p_hint{color:#666}
.s_form_layout1 .form-check-label{color:#666}
.s_form_layout1 .e_mobileCode .p_sendBtn{height:38px;vertical-align:bottom;background-color:#409eff;border-color:#409eff;border-radius:2px;font-size:14px;line-height:38px}
.s_form_layout1 .e_formBtn:hover,.s_form_layout1 .e_mobileCode .p_sendBtn:hover{background:#66b1ff;box-shadow:0 0 8px rgba(134,183,254,.3)}
.s_form_layout1 .is-invalid .s_input,.s_form_layout1 .s_input.is-invalid{border:1px solid rgba(245,108,108,.3);background:#fef0f0;box-shadow:none;padding:0 15px}
.s_form_layout1 textarea.s_input.is-invalid{padding:10px 15px}
.s_form_layout1 .s_input.is-invalid:focus{box-shadow:0 0 8px rgba(220,53,69,.25);border-color:#f56c6c}
.s_form_layout1 .is-invalid .s_input::-webkit-input-placeholder,.s_form_layout1 .s_input.is-invalid::-webkit-input-placeholder{color:#f56c6c}
.s_form_layout1 .is-invalid .s_input::-moz-placeholder,.s_form_layout1 .s_input.is-invalid::-moz-placeholder{color:#f56c6c}
.s_form_layout1 .is-invalid .s_input:-ms-input-placeholder,.s_form_layout1 .s_form_layout1 .s_input.is-invalid:-ms-input-placeholder{color:#f56c6c}
.s_form_layout1 .invalid-feedback{color:#f56c6c}
.s_form_layout1 .s_input i{margin:0}
#backtoTop{ display:none;}
#backtoTop.active{display:block;}
.sideBar {position: fixed;right: 0;top: 40%;transform: translateY(-50%);z-index: 998;}
.side {height: 50px;position: absolute;transition: all 0.5s;}
.side a {display: block;height: 50px;font-size: 0;}
.side i, .side span {display: inline-block;vertical-align: middle;height: 100%;line-height: 50px;}
.side i {width: 50px;text-align: center;background: rgb(48,49,139,90%);transition: all 0.3s;}
.side i img {vertical-align: middle;}
.side span {text-align: center;line-height: 50px;background: #232323;font-size: 13px;color: #fff;transition: all 1s;}
.side2 {top: 151px;right: -140px;width: 190px;}
.side2 span {width: 140px;}
.side3 {right: -190px;width: 240px;top: 202px;}
.side3 span {width: 190px;}
.side5 {right: -90px;width: 140px;top: 253px;cursor: pointer;}
.side5 span {width: 90px;font-size: 14px;}
.side6 {right: -90px;width: 140px;top: 305px;cursor: pointer;}
.side6 span {width: 90px;font-size: 14px;}
.side:hover {right: 0;}
.side:hover i {background: rgb(48,49,139,100%);}
@media only screen and (max-width: 768px) {
.sideBar {   display: block;}
}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
.footer-nav {position:fixed;bottom:0;left:0;right:0;z-index:8888;background-color:#ffffff;height:50px;display:block;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.footer-nav ul {position:relative;display:block;}
.footer-nav ul li {float:left;width:20%;height:50px;text-align:center;overflow:hidden;}
.footer-nav ul li a {display:block;width:100%;height:100%;}
.footer-nav ul li span {position:relative;display:block;text-align:center;width:18px;height:18px;margin:8px auto;overflow:hidden;}
.footer-nav ul li:nth-child(3){
position:relative;height:80px;margin-top:-13px;background:url(../images/navbg.png) no-repeat center;background-size:6.5em;}
.footer-nav ul li:nth-child(3) span {position:absolute;bottom:0;width:5em;height:5em;left:0;right:0;margin:auto;overflow:hidden;}
.footer-nav ul li:nth-child(3) p {display:none;}
.footer-nav ul li span img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;}
.footer-nav ul li p {color:#2e2e2e;text-align:center;font-size:12px;line-height:11px;}
.footer-nav ul li:nth-child(3) span img {position:relative;width:70%;height:auto;}

.clearfix { clear:both;}
#article .prev-next{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding:8% 6%;background:#ffffff; border:1px solid #dedede; margin:20px auto;}
#article .prev-next{padding:10px 10px;position:relative; width:100%;}
#article .prev-next .next,.prev-next .prev{flex:0 0 50%; padding:0 2%;color:#999999;font-size:16px;}
#article .prev-next span{ display:block;}
.prev-next .next{text-align:right}
#article .prev-next a:hover{ color:#30318b;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 应用领域 */
.solution-wap{position:relative;overflow:hidden}
.solution-tab{padding-top: 0px;height: 100vh;}
.solution-left{position:absolute;background:rgba(48,49,139,.8);padding-top:60px;width:25%; max-width:320px;height:100%;z-index:98;left:0;top:0}
.solution-left::before{right:-20px;top:100px;content:'';width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:20px;cursor:pointer;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent rgba(48,49,139,.8);border-right:none;position:absolute;margin-top:-20px;z-index:99}
.h-solution-sort{width:100%;height:100%;padding-left:80px;padding-right:35px;padding-top:70px}
.h-solution-sort li{position:relative;display:flex;align-items:center;height:48px;line-height:48px;margin-bottom:35px;cursor:pointer}
.h-solution-sort li .small-img{position:relative;width:54px;height:54px;border-radius:50%;background:transparent;-webkit-border-radius:50%;transform:scale(1);transition:all .3s ease 0s;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
.h-solution-sort li .small-img img{max-width:100%;max-height:35px}
.h-solution-sort li .cname{width: calc(100% - 74px);padding-left:20px;}
.h-solution-sort li .cname span{display:block;font-weight:500;line-height: 1.3;font-size:16px;color:#fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.h-solution-sort li i{width: 20px;height: 15px;background: url(../images/fright.png) no-repeat;}
.h-solution-sort li.on .small-img{background-color: #fff;border-color: #fff;}
.h-solution-sort li.on .small-img img{filter: invert(41%) sepia(92%) saturate(4654%) hue-rotate(339deg) brightness(77%) contrast(126%);}
.solution-right{position:relative;height: 100%;}
.h-solution-list{height: 100%;}
.h-solution-list li{position:relative;height: 100%;}
.h-solution-list li .img{height: 100%;}
.h-solution-list li .img img{display:block;width:100%;height: 100%;object-fit: cover;}
.h-solution-list .fix-content{position:absolute;left:400px;top:0px;padding-top: 120px;height: 100%;}
.h-solution-list .fix-content .tit1 .en{background:linear-gradient(180deg,#eee 0,rgba(238,238,238,0) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:1;font-family:arial;color:rgba(255,255,255,.28);text-transform:uppercase;white-space:nowrap;font-size:24px;height:50px;line-height:1;display:block;overflow:hidden}
.h-solution-list .fix-content .tit1 .cn{font-size:35px;color:#fff;font-weight:400;position:relative;margin-top:-20px;padding-bottom:20px;margin-bottom:30px;line-height: 1.2;}
.h-solution-list .fix-content .tit1 .cn::before{position:absolute;left:0;bottom:0;width:78px;height:4px;background:url(../images/solution.png) no-repeat left bottom;content:""}
.h-solution-list .fix-content .tit2{max-width: 680px;}
.h-solution-list .fix-content .tit2 h3{font-size: 20px;color: #fff;margin-bottom:10px;}
.h-solution-list .fix-content .tit2 p{font-size: 16px;color: #fff;margin-bottom:30px;}
.h-solution-list .fix-content .tit2 a.mo{display: flex;width: 100px;line-height: 35px;background: #30318b;color: #fff;border-radius: 5px;font-size: 14px;align-items: center;justify-content: center;}
.h-solution-list .fix-content .tit2 a.mo i{background: url(../images/fright.png) no-repeat left center;width: 9px;height: 15px;margin-left: 10px;display: block;}
@media only screen and (max-width: 1024px) {
.solution-left{width:45%;}
.h-solution-sort{padding-left:10px;padding-right:0;padding-top:40px}
.h-solution-sort li { height:4vh; line-height:4vh;}
.h-solution-sort li .cname{width:100% ;}
.h-solution-sort li .cname span{display:block;font-weight:500;line-height: 1.3;font-size:16px;color:#fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.h-solution-list .fix-content{position:absolute;left:50%;top:10px;padding-top: 120px;height: 100%;}
.h-solution-list .fix-content .tit1 .cn{font-size:28px;}
}





.filter-wrap{background-color:#fff;border-bottom: 1px solid #d1d1d1;}
.filter-wrap .case-classify-pc .item{position:relative;display:flex;width:100%;padding:15px;border-bottom:1px dashed #dfdfdf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.filter-wrap .case-classify-pc .item:last-child{border-bottom:none}
.filter-wrap .case-classify-pc .item .word{font-size:18px;font-family:"Source Han Sans CN";color:#000}
.filter-wrap .case-classify-pc .item .check{display:flex;}
.filter-wrap .case-classify-pc .item .check a{display:block;height:28px;margin:0 5px 5px;padding:0 20px;line-height:28px;font-size:16px;color:#666;border-radius:5px;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;-o-transition:.2s ease all;transition:.2s ease all}
.filter-wrap .case-classify-pc .item .check a:hover{color:#fff;background-color:#0260c2}
.filter-wrap .case-classify-pc .item .check a.on{color:#fff;background-color:#0260c2}
.filter-wrap .case-classify-mobile{display:none;position:relative;background-color:#fff;padding:0 .35rem 0 .1rem;font-size:14px;color:#666;line-height:45px;height:45px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.filter-wrap .case-classify-mobile span{ margin-left:10px;}
.filter-wrap .case-classify-mobile i{position:absolute;right:0;top:0;height:55px;line-height:55px;text-align:center;width:55px;font-size:20px; font-style:normal;color:#000000;}
.filter-wrap .case-classify-mobile b{color:#0260c2; border-bottom:1px solid #0260c2; padding:13px 0;}
.filter-wrap .case-classify-mobile-con{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;background-color:#fff;display:none}
.filter-wrap .case-classify-mobile-con .close{background-color:rgba(0,0,0,0.7);position:absolute;top:0;right:0;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:22px;border-bottom-left-radius:20px;z-index:10}
.filter-wrap .case-classify-scroll{position:absolute;left:0;top:0;bottom:0;width:100%;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}
.filter-wrap .case-classify-scroll .wp{position:relative}
.filter-wrap .case-classify-scroll .item{border-bottom:1px solid #e6e6e6;padding-bottom:10px}
.filter-wrap .case-classify-scroll .item a{display:inline-block;vertical-align:top;font-size:14px;color:#666;line-height:30px;margin-right:10px}
.filter-wrap .case-classify-scroll .item a.on{color:#0260c2}
.filter-wrap .case-classify-scroll .t a{font-size:16px;font-weight:bold;color:#333;line-height:42px; padding-top:10px;}
.filter-wrap .case-classify-scroll .check a{ display:inline-block; width:45%; font-size:14px; padding:3px 0; white-space:nowrap; overflow:hidden;}
.w1600{width:1400px;margin:0 auto}
@media screen and (max-width: 576px){
.filter-wrap { margin-bottom:10px;}
.filter-wrap .case-classify-pc{display:none}
.filter-wrap .case-classify-mobile{display:block}
}

#support{min-height:300px;padding:60px 0;background-color:#ffffff;}
#support .applist,#support .title{width:90%;max-width:1600px;margin:0 auto;}
#support .title h1,#support .title h2,#support .title h3{ font-size:28px; font-weight:bold; text-align:center; margin-bottom:40px;}
#support .applist .appword{position:relative;margin-bottom:40px; float:left; width:24%; margin-right:1%;background: linear-gradient(135deg, #ffffff 0%, #f9fbfd 100%);border-radius: 12px;padding: 25px;text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 100, 0.05);transition: all 0.3s ease;border: 1px solid #edf2f7;min-height:200px;}
#support .applist .appword:nth-child(4n){margin-right:0;}
#support .applist .appword:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 100, 0.1);border-color: #dbe7f3;}
#support .applist .appword .apptitle {font-size: 1.5rem;color: #2c3e50;font-weight: 600;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#support .applist .appword .apptype {display: inline-block;padding: 5px 15px;background: #e1f0fa;color: #2980b9;border-radius: 20px;font-size: 0.85rem;margin-top: 15px;}
#support .applist .appword .appdesc {color: #7f8c8d;font-size: 1rem;margin-top: 15px;line-height: 1.5em;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3em;}

@media screen and (max-width:768px){
#support{padding:20px 0;}
#support .applist .appword{width:100%; margin:0 0 20px 0;}
#support .title h1{ font-size:22px;margin-bottom:20px;}
}

#support .container{width:100%;max-width: 1600px;margin: 0 auto;font-size: 1.1em;}
#support .container .application {background-color: white;border-radius: 10px;box-shadow: 0 2px 15px rgba(0,0,0,0.08);padding: 30px;display: flex;gap: 30px;margin-bottom: 30px;}
#support .container .application .app-img {flex: 1;border-radius: 10px;display: flex;align-items: center;justify-content: center;min-height: 300px;overflow: hidden;}
#support .container .application .app-img img {max-width: 100%;height: auto;transition: transform 0.5s;}
#support .container .application .app-img img:hover {transform: scale(1.05);}
#support .container .application .app-details {flex: 1;}
#support .container .application .app-title {font-size: 32px;color: #0d47a1;margin-bottom: 15px;}
#support .container .application .app-category {margin-bottom: 10px; margin-top:15px;display: flex;flex-wrap: wrap;gap: 10px;}
#support .container .application .app-category .tag {background: linear-gradient(to right, #42a5f5, #1a73e8);color: white;padding: 6px 12px;border-radius: 20px;font-size: 14px;}
#support .container .application .app-description {line-height: 1.8;margin-bottom: 25px;color: #444;}
#support .container .application .app-specs {margin-top: 20px;}
#support .container .application .app-specs h3 {color: #1a73e8;margin-bottom: 15px;}
#support .container .application .app-specs .spec-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
#support .container .application .app-specs .spec-item {background-color: #f0f7ff;padding: 12px;border-radius: 8px;}
#support .container .application .app-specs .spec-title {font-weight: 600;color: #0d47a1;margin-bottom: 5px;}
@media (max-width: 768px) {
#support .container .application {flex-direction: column; padding:30px 15px;}
#support .container .application .app-title {font-size: 26px; text-align:center;}
#support .container .application .app-category {-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
#support .container .application .app-specs .spec-list {grid-template-columns: 1fr;}
#support .container .application .app-specs h3 { text-align:center;}
}
.hero {background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80') center/cover no-repeat;color: white;padding: 120px 0;text-align: center;}
.hero .hero-content {width:100%;max-width: 1600px;margin: 0 auto;}
.hero .hero-content h2 {font-size: 3.5rem;margin-bottom: 20px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.hero .hero-content p {font-size: 1.4rem;margin-bottom: 30px;}
.hero .hero-content .btn {display: inline-block;background: #ff6b00;color: white;padding: 14px 35px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 1.1rem;transition: all 0.3s ease;border: 2px solid #ff6b00;text-transform: uppercase;letter-spacing: 1px;}
.hero .hero-content .btn:hover {background: transparent;transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
@media (max-width: 768px) {
.hero .hero-content  h2 {font-size: 26px; font-weight:bold;}
.hero .hero-content p {font-size: 1.1rem;}
.hero .hero-content .btn {display: block;margin: 15px auto;width: 80%;max-width: 300px;}
}